@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700i&display=swap');

/* Let's get this party started */

 ::-webkit-scrollbar {
	width: 6px;
}


/* Track */

 ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px gray;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


/* Handle */

 ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: gray;
	-webkit-box-shadow: inset 0 0 6px gray;
}

 ::-webkit-scrollbar-thumb:window-inactive {
	background: gray;
}

body {
	font-family: 'Roboto', sans-serif;
}

b {
	font-weight: 500;
}
p {
	line-height: 24px;
}
.mr0 {
	margin-right: 0px!important;
}


.mr-30 {
	margin-right: 30px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-75 {
	margin-top: 75px;
}

.mt--30 {
	margin-top: -30px;
}

.ml-15 {
	margin-left: 15px;
}

.ml-10 {
	margin-left: 10px;
}

.wrapper {
	width: 100%;
	float: left;
	min-width: 1170px;
}

.col-4 {
	width: 370px;
}

.col-8 {
	width: 770px;
}


.fs17 {
	font-size: 17px!important;
}

.fs27 {
	font-size: 27px!important;
}

.fs24 {
	font-size: 24px!important;
}

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

.ta-left {
	text-align: left;
}

.ta-right {
	text-align: right;
}

.w100 {
	width: 100%;
}

.left {
	float: left;
}

.right {
	float: right;
}

.text-white {
	color: white;
}


.container {
	width: 1170px;
	margin: auto;
}


.bg-dark {
	background: rgb(2, 0, 36);
	background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(37, 46, 63, 1) 48%, rgba(29, 34, 44, 1) 100%);
}

.bg-pink {
	background: rgb(229, 75, 100)!important;
	background: linear-gradient(90deg, rgba(229, 75, 100, 1) 0%, rgba(143, 99, 232, 1) 100%, rgba(143, 99, 232, 1) 100%)!important;
}

.bg-blue {
	background: rgb(81, 137, 249)!important;
	background: linear-gradient(90deg, rgba(81, 137, 249, 1) 0%, rgba(49, 182, 202, 1) 100%, rgba(49, 182, 202, 1) 100%);
}

.bg-yellow {
	background: rgb(241, 124, 30);
	background: linear-gradient(90deg, rgba(241, 124, 30, 1) 0%, rgba(241, 239, 30, 1) 100%, rgba(241, 239, 30, 1) 100%);
}

.bg-red {
	background: rgb(232, 28, 62);
	background: linear-gradient(90deg, rgba(232, 28, 62, 1) 0%, rgba(246, 72, 48, 1) 100%, rgba(246, 72, 48, 1) 100%);
}

.bg-orange {
	background: rgb(232, 28, 62);
	background: linear-gradient(90deg, rgba(232, 28, 62, 1) 0%, rgba(246, 72, 48, 1) 100%, rgba(246, 72, 48, 1) 100%);
}

.gd-text-dark {
	background: linear-gradient(to right, #252e3f 0%, #5d5d62 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gd-text-blue {
	background: linear-gradient(to right, #5189f9 0%, #31b6ca 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gd-text-pink {
	background: linear-gradient(to right, #e54b64 0%, #8f63e8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gd-text-yellow {
	background: linear-gradient(to right, #f17c1e 0%, #f1ef1e 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gd-text-green {
	background: linear-gradient(to right, #56d48d 0%, #31b6ca 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gd-text-orange {
	background: linear-gradient(to right, #f32e0d 0%, #f3840d 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gd-text-red {
	background: linear-gradient(to right, #e81d3d 0%, #f64730 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.top {
	width: 100%;
	float: left;
	height: 42px;
	color: white;
	font-size: 13px;
	margin-bottom: 30px;
}

.top .destek {
	width: auto;
	float: left;
	line-height: 42px;
}

.top .login {
	float: right;
	width: auto;
}

.top .login ul {}

.top .login ul li {
	float: left;
	margin-left: 15px;
	line-height: 42px;
}

.top .login ul li a {
	color: white;
	text-decoration: none;
	display: block;
}

.logo {
	width: 230px;
	float: left;
}

.header-menu {
	float: left;
	width: auto;
	margin-left: 30px;
}

.header-sepet {
	width: 100px;
	height: 32px;
	border-radius: 4px;
	text-align: center;
	line-height: 32px;
	float: right;
	font-size: 13px;
	color: white;
}

.cbp-hrmenu {
	width: 100%;
	margin-top: 0;
	z-index: 9;
}


/* general ul style */

.cbp-hrmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto!important;
}


/* first level ul style */

.cbp-hrmenu>ul,
.cbp-hrmenu .cbp-hrsub-inner {
	width: 1170px;
	/* max-width: 70em; */
	margin: 0 auto;
}

.cbp-hrmenu>ul>li {
	display: inline-block;
}

.cbp-hrmenu>ul>li>a {
	text-decoration: none;
	font-weight: 500;
	color: #252e3f;
	display: inline-block;
	padding: 9px;
	font-size: 14px;
}

.cbp-hrmenu>ul>li>a:hover {
	color: #47a3da;
}

.cbp-hrmenu>ul>li.cbp-hropen a,
.cbp-hrmenu>ul>li.cbp-hropen>a:hover {
	color: #fff;
	/* background: #47a3da; */
	text-decoration: none;
	font-size: 14px;
}


/* sub-menu */

.cbp-hrmenu .cbp-hrsub {
	display: none;
	position: absolute;
	background: #252e3f;
	width: 100%;
	left: 0;
	z-index: 9;
}

.cbp-hropen .cbp-hrsub {
	display: block;
	padding-bottom: 30px;
	margin-top: 32px;
}

.cbp-hrmenu .cbp-hrsub-inner>div {
	width: 270px;
	float: left;
	/* padding: 0 2em 0; */
	margin-right: 30px;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
	clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner>div a {
	line-height: 2em;
}

.cbp-hrsub h4 {
	color: white;
	padding-top: 30px;
	margin: 0;
	font-size: 21px;
	font-weight: 300;
	margin-bottom: 15px;
	font-weight: 500;
}

.slide-home {
	width: 100%;
	float: left;
	border-bottom: 3px solid #cccdce;
}

.logo img {
	width: 100%;
}

.slide-home .owl-carousel .owl-item {
	margin-right: 0px!important;
}

.cbp-hropen {
	background: #252e3f;
}

.slide-home .owl-dots {
	width: 100%;
	float: left;
	margin-top: -43px;
	position: relative;
	z-index: 9;
	text-align: center;
}

.slide-home .owl-dot {
	width: 12px;
	height: 12px;
	background: #131923a1!important;
	margin-right: 10px;
	outline: 0px;
	border-radius: 100%;
}

.slide-home .active {
	background: white!important;
}

.slide-home .owl-nav {
	width: 100%;
	float: left;
	position: absolute;
	top: 40%;
}

.slide-home .owl-prev {
	width: 40px;
	height: 70px;
	background: #131923a1!important;
	font-size: 40px!important;
	color: white!important;
	outline: 0px!important;
}

.slide-home .owl-next {
	width: 40px;
	height: 70px;
	background: #131923a1!important;
	font-size: 40px!important;
	float: right;
	color: white!important;
	outline: 0px!important;
}

.main-info {
	width: 100%;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
}

.main-info .col {
	width: 268px;
	float: left;
	border-left: 2px solid #E7E8E8;
	margin-right: 30px;
}

.main-info .col img {
	float: left;
	margin-left: 30px;
	margin-right: 5px;
}

.main-info .col h4 {
	margin-top: 10px;
	font-size: 15px;
}

.main-info .col p {
	font-size: 13px;
	color: #252e3f;
}

.domain-tab {
	width: 100%;
	float: left;
	height: auto;
	background-image: url("../img/domain-bg.png")!important;
	background-repeat: repeat!important;
	background-position: 0px 50px!important;
	!important;
}

.domain-tab h1 {
	/* color: #072435; */
	font-size: 32px;
}

.domain-tab p {
	font-size: 24px;
	color: white;
	margin-top: 10px;
	margin-bottom: 15px;
}

.domain-tab .sorgu-alani {
	width: 870px;
	float: left;
	/* padding-top: 30px; */
}

.domain-tab .sorgu-alani input {
	height: 48px;
	width: 680px;
	border-radius: 15px;
	border: 4px solid #70a0ff;
	padding-left: 15px;
	outline: 0px;
	float: left;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: 0;
}

.domain-tab .sorgu-alani button {
	background: #8eef38;
	border: none;
	height: 58px;
	float: left;
	width: 166px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 4px solid #5189f936;
	border-left: 0px;
	outline: 0px;
	font-size: 17px;
	font-weight: bold;
	color: #24410b;
	cursor: pointer;
}

.domain-tab .sorgu-alani .domain-liste {
	width: 100%;
	float: left;
	margin-top: 15px;
}

.domain-tab .sorgu-alani .domain-liste ul {}

.domain-tab .sorgu-alani .domain-liste ul li {
	float: left;
	/* margin-right: 15px; */
	color: white;
	font-size: 15px;
	margin-bottom: 15px;
	min-width: 80px;
	margin-right: 15px;
	font-weight: 500;
}

.domain-tab .sorgu-alani .domain-liste input {
	width: 15px;
	height: 15px;
	margin: 0;
	margin-right: 3px;
}

.domain-tab .domain-banner {
	float: right;
	width: 270px;
}

.domain-fiyat-slide {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 15px;
}

.domain-fiyat-slide {}

.domain-fiyat-slide .fiyatlar {
	float: left;
	width: auto;
	font-size: 20px;
	margin-top: 6px;
	font-weight: bold;
}

.domain-fiyat-slide .eski-fiyat {
	text-decoration: line-through;
	margin-left: 15px;
	color: #252e3f;
}

.domain-fiyat-slide .guncel-fiyat {
	color: #0098ca;
	margin-left: 8px;
}

.domain-fiyat-slide .item img {
	width: auto!important;
	float: left;
}

.domain-fiyat-slide .owl-nav {
	display: none;
}

.hosting-paketleri {
	width: 100%;
	float: left;
	background: url('../img/hosting/paket-bg.jpg');
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

.hosting-paketleri h1 {
	/* color: #072435; */
	font-size: 32px;
	width: 100%;
	text-align: center;
}

.hosting-paketleri p {
	font-size: 24px;
	color: white;
	margin-top: 0px;
	width: 100%;
	text-align: center;
}

.hosting-tab .tab {
	background-color: white;
}

.hosting-tab .tab button:last-child {
	margin-right: 0px!important;
}

.hosting-paketleri .item .paket {
	width: 80%;
	float: left;
	background: white;
	padding: 10px;
	border: 4px solid #7d8696;
	border-radius: 4px;
}

.hosting-paketleri .item .paket li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e7e7e7;
	height: auto;
	line-height: 31px;
	text-align: center;
	font-size: 15px;
	color: #252e3f;
}

.hosting-paketleri .item {
	/* margin-right: 60px; */
	min-width: 320px!important;
}

.hosting-paketleri .item .paket .paket-adi {
	/* color: #e54b64; */
	font-size: 21px;
}

.hosting-paketleri .item .paket .isletim-sistemi {
	width: 105px;
	float: none;
	margin: auto;
}

.hosting-paketleri .item .paket .isletim-sistemi img {
	width: auto;
	float: left;
	/* text-align: center; */
	margin: auto;
	margin-top: 10px;
	margin-bottom: 15px;
}

.hosting-paketleri .item .paket li select {
	width: 100%;
	height: 46px;
	padding-left: 10px;
	border: 2px solid #c8c8c8;
	float: left;
}

.hosting-paketleri .ekle-buton {
	width: 100%;
	float: left;
	color: white;
	text-decoration: none;
	height: 46px;
	line-height: 46px;
	border-radius: 4px;
	margin-top: 15px;
}

.tabcontent-hosting {
	display: none;
	border-top: none;
	width: 1170px;
	float: left;
	padding-top: 30px;
}

.domain-tab-menu {
	width: 100%;
	float: left;
	height: 50px;
	background: #e7e8e8;
}

.domain-tab-menu li {
	float: left;
	line-height: 50px;
	border-left: 1px solid #d3d9dc;
	border-right: 1px solid #d3d9dc;
	margin-left: -1px;
	height: 50px;
}

. domain-tab-menu .active {
	background-color: #5189f9;
}
.domain-bilgi {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
}

.domain-tab-menu li a {
	color: #252e3f;
	font-size: 14px;
	font-weight: 500;
	margin: 0;
	padding: 0px!important;
	background: none!important;
	line-height: 50px!important;
	border: none!important;
	padding-left: 30px!important;
	padding-right: 30px!important;
}

.domain-tab-menu .active {
	background: #5189f9;
}

.domain-tab-menu .active a {
	color: white!important;
}

.tab-content {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
}

.hosting-paketleri .item .paket li .ortala {
	width: 100px;
	margin: auto;
	margin-top: 6px;
	font-weight: bold;
}

.hosting-paketleri .owl-nav {
	width: 100%;
	float: left;
	position: absolute;
	top: 40%;
}

.hosting-paketleri .owl-prev {
	width: 40px;
	height: 70px;
	background: #131923a1!important;
	font-size: 40px!important;
	color: white!important;
	outline: 0px!important;
	margin-left: -70px;
}

.hosting-paketleri .owl-next {
	width: 40px;
	height: 70px;
	background: #131923a1!important;
	font-size: 40px!important;
	float: right;
	color: white!important;
	outline: 0px!important;
	margin-right: -70px;
}

.main-bilgi {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.main-bilgi h3 {
	color: #232323;
	font-size: 26px;
}

.main-bilgi span {}

.main-data-center {
	width: 100%;
	float: left;
	background: url('../img/datacenter/datacenter-bg.jpg');
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

.main-data-center h1 {
	width: 100%;
	float: left;
	text-align: center;
}

.main-data-center p {
	font-size: 24px;
	color: white;
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 30px;
}

.deneme {
	background: -webkit-linear-gradient(#eee, #333);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.data-center-banner {
	float: left;
	width: 320px;
	margin-right: 30px;
}

.data-center-slide {
	width: 780px;
	float: left;
}

.data-center-slide .owl-prev {
	width: 40px;
	height: 70px;
	background: #131923a1!important;
	font-size: 40px!important;
	color: white!important;
	outline: 0px!important;
	margin-left: -70px;
}

.data-center-slide .owl-next {
	width: 40px;
	height: 70px;
	background: #131923a1!important;
	font-size: 40px!important;
	float: right;
	color: white!important;
	outline: 0px!important;
	margin-right: -60px;
}

.data-center-slide .item .paket {
	width: 90%;
	float: left;
	background: white;
	padding: 10px;
	border: 4px solid #7d8696;
	border-radius: 4px;
}

.data-center-slide .item .paket li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e7e7e7;
	height: auto;
	line-height: 46px;
	text-align: center;
	font-size: 15px;
	color: #252e3f;
	font*w: 5;
}

.data-center-slide .item .paket .paket-adi {
	color: #e54b64;
	font-size: 21px;
}

.data-center-slide .item .paket .isletim-sistemi {
	width: 65px;
	float: none;
	margin: auto;
}

.data-center-slide .item .paket .isletim-sistemi img {
	width: auto;
	float: left;
	/* text-align: center; */
	margin: auto;
}

.data-center-slide .item .paket li select {
	width: 100%;
	height: 46px;
	padding-left: 10px;
	border: 2px solid #c8c8c8;
	float: left;
}

.data-center-slide .ekle-buton {
	width: 100%;
	float: left;
	color: #170e03;
	text-decoration: none;
	height: 46px;
	line-height: 46px;
	border-radius: 4px;
	margin-top: 15px;
}

.data-center-slide .owl-nav {
	width: 100%;
	float: left;
	position: absolute;
	top: 33%;
	z-index: -1;
}

.hazir-site-main {
	width: 100%;
	float: left;
	background: url('../img/hazirsite-bg.jpg');
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	background-position: center;
}

.hazir-site-icerik {
	width: 790px;
	float: right;
	text-align: center;
}

.hazir-site-icerik .ozellik {
	width: 100%;
	float: left;
	margin-top: -20px;
}

.hazir-site-icerik .ozellik ul {
	width: 520px;
	margin: auto;
	text-align: left;
	margin-top: 30px;
}

.hazir-site-icerik .ozellik li {
	width: 50%;
	float: left;
	font-size: 16px;
	color: #453c3a;
	line-height: 30px;
}

header {
	width: 100%;
	float: left;
}

.hazirsite-incele-buton {
	width: 100%;
	text-align: left;
	margin-top: 20px;
	float: left;
}

.hazirsite-incele-buton img {
	float: left;
	margin-right: 30px;
}

.hazir-site-main .son-siteler {
	width: auto;
	float: right;
	text-align: left;
	margin-top: 21px;
}

.hazir-site-main .son-siteler ul {}

.hazir-site-main .son-siteler li {
	float: left;
	margin-right: 9px;
}

.hazir-site-main .son-siteler li img {
	border: 3px solid #ffffff;
	width: 116px;
	height: 80px;
}

.hazir-site-main .son-siteler li a {}

.hazir-site-main .son-siteler h4 {
	font-size: 24px;
	float: left;
	text-align: right;
	margin-left: -124px;
	margin-right: 15px;
	margin-top: 10px;
}

.newsletter {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 20px;
	border-top: 3px solid #cccdce!important;
	margin-top: -3px;
}

.newsletter .aciklama {
	float: left;
	color: #212939;
	width: 570px;
}

.newsletter .aciklama h4 {
	font-size: 24px;
	margin-top: 8px;
}

.newsletter .aciklama p {
	width: 100%;
	color: #676767;
}

.newsletter .form {
	float: right;
	margin-top: 5px;
}

.newsletter .form input {
	border: 3px solid #e8e9eb;
	height: 46px;
	border-radius: 10px;
	width: 410px;
	float: left;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	outline: 0px;
}

.newsletter .form button {
	height: 54px;
	border: 3px solid #e8e9eb;
	float: left;
	width: 150px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	outline: 0px;
	color: white;
}

.newsletter .icon {
	width: auto;
	height: auto;
	float: left;
	font-size: 58px;
	margin-right: 10px;
}

.medyabim-site-footer {
	width: 100%;
	float: left;
	background: url('../img/footer-bg.jpg');
	padding-top: 30px;
	padding-bottom: 30px;
}

.medyabim-site-footer .col {
	width: 270px;
	float: left;
	margin-bottom: 30px;
}

.medyabim-site-footer .col h3 {
	width: 100%;
	float: left;
	margin-bottom: 15px;
	font-size: 21px;
}

.medyabim-site-footer .col ul {}

.medyabim-site-footer .col li {
	width: 100%;
	float: left;
	line-height: 24px;
}

.medyabim-site-footer .col li a {
	color: white;
	font-size: 14px;
}

.copyright {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #303e50;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

.hazir-site-icerik p {
	font-size: 24px;
	color: #453c3a;
}

.cbp-hrmenu .cbp-hrsub-inner>div:last-child {
	margin-right: 0px!important;
}

.header-sepet a {
	color: white;
	display: block;
}

.header-sepet a:hover {
	color: white;
	text-decoration: none;
}

header {
	width: 100%;
	float: left;
	border-bottom: 1px solid #cccdce!important;
	padding-bottom: 20px!important;
}

content {
	width: 100%;
	float: left;
}

.musteri-paneli-wrapper {
	width: 100%;
	float: left;
	background: white;
	margin-top: 30px;
	margin-bottom: 30px;
}

.musteri-paneli-wrapper .panel-menu {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ededed;
}

.musteri-paneli-wrapper .panel-menu ul {
	margin: 0px;
	padding: 0px;
}

.musteri-paneli-wrapper .panel-menu li {
	float: left;
	width: auto;
	border-left: 1px solid #ededed;
	padding-left: 15px;
	border-right: 1px solid #ededed;
	padding-right: 15px;
	height: 42px;
	line-height: 42px;
}

.musteri-paneli-wrapper .panel-menu li a {
	color: #252e3f;
	font-size: 14px;
	display: block;
	text-decoration: none;
}

.musteri-paneli-wrapper .panel-menu li:hover {
	background: #252e3f;
	color: white;
}

.musteri-paneli-wrapper .panel-menu li:hover a {
	color: white;
}

.musteri-paneli-wrapper .panel-menu ul li ul {
	position: absolute;
	width: 1170px;
	float: left;
	background: #252e3f;
	display: none;
}

.musteri-paneli-wrapper .panel-menu ul li ul li {
	border-left: 1px solid #313a4a;
	border-right: 1px solid #313a4a;
}

.musteri-paneli-wrapper .panel-menu ul li:hover ul {
	display: block;
}

.musteri-paneli-wrapper .panel-menu ul li ul li a {
	font-size: 13px;
}

.musteri-paneli-wrapper .panel-menu .menu1 {
	margin-left: -15px;
}

.musteri-paneli-wrapper .panel-menu .menu2 {
	margin-left: -137px;
}

.musteri-paneli-wrapper .panel-menu .menu3 {
	margin-left: -239px;
}

.musteri-paneli-wrapper .panel-menu .menu4 {
	margin-left: -366px;
}

.musteri-paneli-wrapper .panel-menu .menu5 {
	margin-left: -498px;
}

.musteri-paneli-wrapper .panel-menu .menu6 {
	margin-left: -627px;
}

.musteri-paneli-wrapper .panel-menu .menu7 {
	margin-left: -784px;
}

.musteri-paneli-wrapper .panel-menu .menu8 {
	margin-left: -861px;
}

.musteri-paneli-wrapper .panel-menu .menu9 {
	margin-left: -1007px;
}

.musteri-paneli-wrapper .panel-menu .menu10 {
	margin-left: -249px;
}

.musteri-paneli-icerik {
	width: 100%;
	float: left;
	padding-top: 0px;
}

.musteri-paneli-icerik .col {
	width: 567px;
	float: left;
	margin-right: 15px;
}

.musteri-paneli-icerik .icerik h1 {
	width: 100%;
	float: left;
	height: 34px;
	background: #273041;
	color: white;
	font-size: 15px;
	font-weight: 500;
	line-height: 34px;
	padding-left: inherit;
}

.musteri-paneli-icerik .icerik .domain {}

.hesap-ozeti-tablo {
	width: 270px;
	float: left;
	border: 1px solid #ededed;
	margin-top: 15px;
}

.hesap-ozeti-tablo .icon {
	font-size: 39px;
	float: left;
}

.hesap-ozeti-tablo .hizmet {
	font-size: 15px;
	line-height: 16px;
	color: #707070;
	font-weight: 500;
	padding-top: 15px;
	float: left;
}

.hesap-ozeti-tablo .adet {
	font-size: 30px;
	float: right;
}

.hesap-ozeti-tablo tr {
	width: 100%;
	float: left;
}

.uye-bilgilerim .table {
	width: 417px;
	float: left;
	margin-top: 15px;
	font-size: 14px;
}

.musteri-paneli-icerik .merhaba {
	width: 1125px;
	float: left;
	line-height: 36px;
	font-size: 14px;
	color: #273041;
	font-weight: 500;
	background: #ededed;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 15px;
	margin-left: 15px;
}

.musteri-paneli-icerik .hizmet-ozeti {
	/* float: left; */
	/* border: 1px solid #ededed; */
	/* margin-bottom: 15px; */
	padding-bottom: 10px;
}

.musteri-paneli-icerik .hizmet-ozeti .icon {
	font-size: 45px;
	float: left;
	width: 50px;
	text-align: center;
}

.musteri-paneli-icerik .hizmet-ozeti .hizmet-adi {
	float: left;
	font-size: 15px;
	color: #707070;
	margin-top: 7px;
	margin-left: 15px;
	font-weight: 500;
}

.musteri-paneli-icerik .hizmet-ozeti .adet {
	float: right;
	font-size: 35px;
	margin-top: 5px;
}

.musteri-paneli-icerik .hizmet-ozeti ul {}

.musteri-paneli-icerik .hizmet-ozeti ul li {
	width: 252px;
	float: left;
	border: 1px solid #e7e7e7;
	padding: 10px;
	margin-top: 10px;
	margin-left: 10px;
}

.musteri-paneli-icerik .hizmet-ozeti ul li a {
	font-size: 14px;
	color: #707070;
}

.suresi-bitecek-urunler {}

.suresi-bitecek-urunler ul {}

.suresi-bitecek-urunler li {
	width: 100%;
	float: left;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	line-height: 36px;
	font-size: 13px;
	color: #787878;
	font-weight: 500;
}

.suresi-bitecek-urunler li i {
	font-size: 20px;
	color: #273041;
	margin-top: 8px;
	float: left;
	margin-right: 5px;
	width: 20px;
	TEXT-ALIGN: CENTER;
	margin-left: 15px;
}

.suresi-bitecek-urunler .hizmet-adi {
	width: auto;
	min-width: 260px;
	float: left;
}

.suresi-bitecek-urunler .hizmet-suresi {
	min-width: 120px;
	float: left;
}

.suresi-bitecek-urunler .hizmet-yenileme {
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	height: 26px;
	line-height: 26px;
	margin-top: 5px;
	margin-right: 15px;
	border-radius: 5px;
}

.suresi-bitecek-urunler .hizmet-yenileme a {
	color: white;
	display: block;
}

.suresi-bitecek-urunler .hizmet-yenileme i {
	margin: 0px;
	margin-top: 7px;
	float: left;
	margin-right: 0px;
	color: white;
	font-size: 13px;
}

.musteri-paneli-wrapper .icerik {
	width: 100%;
	margin-right: 15px;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #ededed;
}

.musteri-paneli-icerik .icerik h1 i {
	margin-left: 15px;
}

.uye-bilgilerim {
	width: 100%;
	float: left;
}

.uye-bilgilerim .uye-resmi {
	width: 100px;
	height: 100px;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
}

.uye-bilgilerim .uye-resmi img {
	width: 100%;
	height: 100%;
}

.uye-bilgilerim .uye-bilgi {}

.uye-bilgilerim .table td {
	padding: 6px;
	border: 1px solid #e7e7e7;
}

.son-islemler {
	width: 100%;
	float: left;
}

.son-islemler .table {
	font-size: 13px;
	color: #787878;
	font-weight: 500;
	margin-bottom: 0px;
}

.son-islemler .table td {
	padding: 6px;
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
}

.son-islemler .table i {
	color: #273041;
}

.son-islemler .table a {
	color: #273041;
}

.son-islemler .table tr {}

.panel-info {
	width: 100%;
	float: left;
}

.panel-info .col {
	width: 338px;
	float: left;
	border: 1px solid #ededed;
	padding: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.panel-info .col h6 {}

.panel-info .col p {
	font-size: 13px;
}

.panel-info .col .text {}

.panel-info .col .icon {
	float: left;
	margin-right: 11px;
}

.panel-info .col a {
	color: #273041;
}

.tr-belgeler {
	width: 520px;
	float: left;
}

.tr-belgeler .icon {
	float: left;
	width: 60px;
	margin-left: -10px;
}

.tr-belgeler .text {
	float: left;
	width: 410px;
	margin-left: 15px;
}

.tr-belgeler .text td {
	padding: 1px;
	font-size: 14px;
	line-height: 28px;
}

.tr-belgeler .text td a {
	color: white;
}

.domain-transferi {
	width: 870px;
	float: left;
}

.domain-transferi input {
	height: 48px;
	width: 350px;
	border-radius: 15px;
	border: 4px solid #70a0ff;
	padding-left: 15px;
	outline: 0px;
	float: left;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: 0;
}

.domain-transferi select {
	float: left;
	height: 58px;
	border: 4px solid #70a0ff;
	width: 150px;
	border-left: none;
}

.domain-transferi button {
	background: #8eef38;
	border: none;
	height: 58px;
	float: left;
	width: 166px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 4px solid #5189f936;
	border-left: 0px;
	outline: 0px;
	font-size: 17px;
	font-weight: bold;
	color: #24410b;
	cursor: pointer;
}

.domain-bilgi .col {
	width: 368px;
	border: 1px solid #e7e7e7;
	float: left;
	margin-top: 30px;
	margin-right: 30px;
}

.domain-bilgi .col i {
	font-size: 50px;
	margin-top: 16px;
	margin-left: 15px;
	float: left;
	margin-right: 10px;
	height: 75px;
	color: #5189f9;
}

.domain-bilgi .col h3 {
	margin-top: 15px;
	margin-left: 15px;
	font-size: 19px;
	margin-bottom: 5px;
	color: #252e3f;
}

.domain-bilgi .col p {
	line-height: 18px;
	color: gray;
	font-size: 14px;
}

.domain-fiyat-tablo {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #ededed;
}

.domain-fiyat-tablo .table {
	background: white;
	color: #273041;
	text-align: center;
}

.domain-fiyat-tablo .table td {
	border: 1px solid #ddd;
}

.domain-fiyat-tablo .table th {
	background-color: #273041;
	color: white;
	font-weight: 500;
	text-align: center;
}

.domain-fiyat-tablo .table .eski-fiyat {
	font-weight: 500;
	color: gray;
	text-decoration: line-through;
}

.domain-fiyat-tablo .table .guncel-fiyat {
	font-weight: bold;
}

.sayfa-ici-tab {
	width: 1140px;
	float: left;
}

.sayfa-ici-tab .nav-tabs {
	width: 100%;
	float: left;
}

.sayfa-ici-tab .nav-tabs li {
	background: white;
	border-radius: 0px;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	height: 44px;
}

.sayfa-ici-tab .nav-tabs li a {
	color: #252e3f;
	font-size: 16px;
	font-weight: 500;
	margin-right: 0px;
	border-radius: 0px;
	border: none!important;
}

.sayfa-ici-tab .tab-content {
	padding: 15px;
	background: white;
	color: gray;
	font-weight: 400;
}

.sayfa-ici-tab .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #273041!important;
	border-top: 3px solid #5189f9!important;
}

.sayfa-ici-tab .nav-tabs li i {
	color: #5189f9;
}

.sayfa-ici-tab .tab-content h1 {
	margin-bottom: 15px;
	font-weight: 500;
}

.sayfa-ici-tab .tab-content h2 {
	margin-bottom: 15px;
	font-weight: 500;
}

.sayfa-ici-tab .tab-content h3 {
	margin-bottom: 15px;
	font-weight: 500;
}

.sayfa-ici-tab .tab-content h4 {
	margin-bottom: 15px;
	font-weight: 500;
}

.sayfa-ici-tab .tab-content h5 {
	margin-bottom: 15px;
	font-weight: 500;
}

.sayfa-ici-tab .tab-content h6 {
	margin-bottom: 15px;
	font-weight: 500;
}

.sayfa-ici-tab .tab-content p {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 24px;
}

#accordion {
	border: 1px solid #e7e7e7;
	padding: 15px;
}

#accordion .card-header {
	border: 1px solid #e7e7e7;
	height: 42px;
	line-height: 42px;
}

#accordion .card-body {
	border: 1px solid #e7e7e7;
	padding: 15px;
	font-size: 14px;
	line-height: 24px;
}

#accordion button {
	outline: 0px;
	color: #252e3f;
	font-weight: 500;
}

.paket-v1 {
	width: 100%;
	float: left;
}

.paket-v1 .paket {
	width: 232px;
	float: left;
	background: white;
	/* padding: 10px; */
	/* border: 1px solid #ffffff; */
	/* border-radius: 4px; */
}

.paket-v1 .paket li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e7e7e7;
	height: auto;
	line-height: 42px;
	text-align: center;
	font-size: 15px;
	color: #252e3f;
}

.paket-v1 .paket .paket-adi {
	background: #e54b64;
	font-size: 21px;
	height: 66px;
	line-height: 66px;
	color: white;
	width: 100%;
	float: left;
}

.paket-v1 .paket .isletim-sistemi {
	width: 100px;
	float: none;
	margin: auto;
}

.paket-v1 .paket .isletim-sistemi img {
	width: auto;
	float: left;
	/* text-align: center; */
	margin: auto;
	margin-top: 11px;
}

.paket-v1 .paket li select {
	width: 200px;
	height: 46px;
	padding-left: 10px;
	border: 2px solid #c8c8c8;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.paket-v1 .ekle-buton {
	width: 150px;
	float: left;
	color: white;
	text-decoration: none;
	height: 36px;
	line-height: 36px;
	border-radius: 4px;
	margin-top: 15px;
	margin-left: 41px;
	margin-bottom: 15px;
}

.paket-v1 .paket li .ortala {
	width: 80px;
	margin: auto;
	margin-top: 6px;
	font-weight: bold;
}

.paket-v1 .one-cikart {
	min-height: 430px;
	margin-top: -30px;
	border: 4px solid #ffffff;
	/* padding-bottom: 40px; */
}

.paket-v1 .one-cikart .paket-adi {}

.paket-v1 .paket-fiyat {
	font-size: 35px;
	FLOAT: LEFT;
}

.paket-v1 .odeme-cinsi {
	FLOAT: LEFT;
	margin-top: -7px;
}

.paket-v1 .paket-sene {
	float: left;
	margin-top: 7px;
	margin-left: -16px;
}

.sayfa-banner {
	width: 100%;
	float: left;
	height: 400px;
}

.hosting-sayfasi {
	width: 100%;
	float: left;
}

.hosting-sayfasi .paketler-bg {
	background: url("../img/hosting/pattern-bg1.jpg");
	width: 100%;
	float: left;
	padding-bottom: 30px;
	padding-top: 30px;
}

.sayfa-banner .left {
	width: 870px;
	float: left;
	padding-top: 90px;
	z-index: 2;
	position: relative;
}

.sayfa-banner .left h1 {
	color: #f54332;
	font-size: 45px;
}

.sayfa-banner .left p {
	color: white;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 25px;
	font-weight: 100;
}

.sayfa-banner .left span {
	color: white;
	margin-top: 15px;
	font-weight: 100;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	font-size: 19px;
}

.sayfa-banner .left i {
	color: #4eb80d;
}

.sayfa-banner .right {
	float: right;
	width: 270px;
	margin-top: 0;
	position: relative;
	z-index: 2;
}

.hosting-ozellikleri {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #252e3f;
}

.hosting-ozellikleri ul {}

.hosting-ozellikleri li {
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
	color: white;
	width: 100%;
}

.hosting-ozellikleri li i {
	color: #7eb800;
	text-align: left;
}

.paket-v1 .paket .isletim-sistemi input[type=checkbox],
input[type=radio] {
	float: left;
	margin-top: 20px!important;
}

.sayfa-banner video {
	float: left;
	position: relative;
	width: 100%;
	/* height: 300px; */
	opacity: 0.2;
	overflow: hidden;
}

.sayfa-banner .video-wrap {
	width: 100%;
	height: 400px;
	float: left;
	overflow: hidden;
	position: absolute;
}

.paket-v2 {
	width: 100%;
	float: left;
}

.paket-v2 .paket {
	width: 387px;
	float: left;
	background: white;
	/* padding: 10px; */
	/* border: 1px solid #ffffff; */
	/* border-radius: 4px; */
	margin-bottom: 30px;
}

.paket-v2 .paket li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e7e7e7;
	height: auto;
	line-height: 42px;
	text-align: center;
	font-size: 15px;
	color: #2f1b07;
}

.paket-v2 .paket .paket-adi {
	font-size: 21px;
	height: 66px;
	line-height: 66px;
	color: black;
	width: 100%;
	float: left;
}

.paket-v2 .paket .isletim-sistemi {
	width: 100px;
	float: none;
	margin: auto;
}

.paket-v2 .paket .isletim-sistemi img {
	width: auto;
	float: left;
	/* text-align: center; */
	margin: auto;
	margin-top: 11px;
}

.paket-v2 .paket li select {
	width: 360PX;
	height: 46px;
	padding-left: 10px;
	border: 2px solid #c8c8c8;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.paket-v2 .ekle-buton {
	width: 150px;
	float: left;
	color: #2f1c05;
	text-decoration: none;
	height: 46px;
	line-height: 46px;
	border-radius: 4px;
	margin-top: 15px;
	margin-left: 121px;
	margin-bottom: 15px;
	font-weight: 500;
}

.paket-v2 .paket li .ortala {
	width: 130px;
	margin: auto;
	margin-top: 6px;
	font-weight: bold;
}

.paket-v2 .one-cikart {
	/* min-height: 430px; */
	margin-top: -30px;
	border: 4px solid #ffffff;
	/* padding-bottom: 40px; */
}

.paket-v2 .paket-fiyat {
	font-size: 35px;
	FLOAT: LEFT;
	margin-right: 5px;
}

.paket-v2 .odeme-cinsi {
	FLOAT: LEFT;
	margin-top: -7px;
}

.paket-v2 .paket-sene {
	float: left;
	margin-top: 7px;
	margin-left: -49px;
}

.kiralik-sunucu-sayfasi {
	width: 100%;
	float: left;
}

.kiralik-sunucu-sayfasi .paketler-bg {
	background: url("../img/hosting/pattern-bg1.jpg");
	width: 100%;
	float: left;
	padding-top: 30px;
}

.kiralik-sunucu-aciklama {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #2f1b07;
}

.kiralik-sunucu-aciklama h2 {
	margin-bottom: 15px;
	margin-top: 30px;
}

.kiralik-sunucu-aciklama p {
	color: #494949;
}

.paket-v3 {
	width: 100%;
	float: left;
	margin-top: -30px;
}

.bayi-reseller-sayfasi {
	width: 100%;
	float: left;
}

.paket-v3 .paket {
	width: 193px;
	float: left;
	background: white;
	/* padding: 10px; */
	/* border: 1px solid #ffffff; */
	/* border-radius: 4px; */
}

.paket-v3 .paket li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e7e7e7;
	height: auto;
	line-height: 42px;
	text-align: center;
	font-size: 15px;
	color: #252e3f;
}

.paket-v3 .paket .paket-adi {
	/* background: #2487ec; */
	font-size: 21px;
	height: 66px;
	line-height: 66px;
	color: white;
	width: 100%;
	float: left;
}

.paket-v3 .paket .isletim-sistemi {
	width: 100px;
	float: none;
	margin: auto;
}

.paket-v3 .paket .isletim-sistemi img {
	width: auto;
	float: left;
	/* text-align: center; */
	margin: auto;
	margin-top: 11px;
}

.paket-v3 .paket li select {
	width: 164px;
	height: 46px;
	padding-left: 10px;
	border: 2px solid #c8c8c8;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.paket-v3 .ekle-buton {
	width: 150px;
	float: left;
	color: white;
	text-decoration: none;
	height: 36px;
	line-height: 36px;
	border-radius: 4px;
	margin-top: 15px;
	margin-left: 23px;
	margin-bottom: 15px;
}

.paket-v3 .paket li .ortala {
	width: 130px;
	margin: auto;
	margin-top: 6px;
	font-weight: bold;
	color: #e81d3d;
}

.paket-v3 .one-cikart {
	min-height: 430px;
	margin-top: -30px;
	border: 4px solid #ffffff;
	/* padding-bottom: 40px; */
}

.paket-v3 .one-cikart .paket-adi {}

.paket-v3 .paket-fiyat {
	font-size: 35px;
	FLOAT: LEFT;
	margin-left: 15px;
	color: #e91e3e;
}

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700i&display=swap');

/* Let's get this party started */

 ::-webkit-scrollbar {
	width: 6px;
}


/* Track */

 ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px gray;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


/* Handle */

 ::-webkit-scrollbar-thumb {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: gray;
	-webkit-box-shadow: inset 0 0 6px gray;
}

 ::-webkit-scrollbar-thumb:window-inactive {
	background: gray;
}

body {
	font-family: 'Roboto', sans-serif;
}

b {
	font-weight: 500;
}

.mr0 {
	margin-right: 0px!important;
}

p {
	line-height: 24px;
}

.mr-30 {
	margin-right: 30px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-75 {
	margin-top: 75px;
}

.mt--30 {
	margin-top: -30px;
}

.ml-15 {
	margin-left: 15px;
}

.ml-10 {
	margin-left: 10px;
}

.wrapper {
	width: 100%;
	float: left;
	min-width: 1170px;
}

.col-4 {
	width: 370px;
}

.col-8 {
	width: 770px;
}

.domain-bilgi {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
}

.container {
	width: 1170px;
	margin: auto;
}

.fs17 {
	font-size: 17px!important;
}

.fs27 {
	font-size: 27px!important;
}

.fs24 {
	font-size: 24px!important;
}

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

.ta-left {
	text-align: left;
}

.ta-right {
	text-align: right;
}

.w100 {
	width: 100%;
}

.left {
	float: left;
}

.text-white {
	color: white;
}

.bg-dark {
	background: rgb(2, 0, 36);
	background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(37, 46, 63, 1) 48%, rgba(29, 34, 44, 1) 100%);
}

.bg-pink {
	background: rgb(229, 75, 100)!important;
	background: linear-gradient(90deg, rgba(229, 75, 100, 1) 0%, rgba(143, 99, 232, 1) 100%, rgba(143, 99, 232, 1) 100%)!important;
}

.bg-blue {
	background: rgb(81, 137, 249)!important;
	background: linear-gradient(90deg, rgba(81, 137, 249, 1) 0%, rgba(49, 182, 202, 1) 100%, rgba(49, 182, 202, 1) 100%);
}

.bg-yellow {
	background: rgb(241, 124, 30);
	background: linear-gradient(90deg, rgba(241, 124, 30, 1) 0%, rgba(241, 239, 30, 1) 100%, rgba(241, 239, 30, 1) 100%);
}

.bg-red {
	background: rgb(232, 28, 62);
	background: linear-gradient(90deg, rgba(232, 28, 62, 1) 0%, rgba(246, 72, 48, 1) 100%, rgba(246, 72, 48, 1) 100%);
}

.bg-orange {
	background: rgb(232, 28, 62);
	background: linear-gradient(90deg, rgba(232, 28, 62, 1) 0%, rgba(246, 72, 48, 1) 100%, rgba(246, 72, 48, 1) 100%);
}

.gd-text-dark {
	background: linear-gradient(to right, #252e3f 0%, #5d5d62 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gd-text-blue {
	background: linear-gradient(to right, #5189f9 0%, #31b6ca 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gd-text-pink {
	background: linear-gradient(to right, #e54b64 0%, #8f63e8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gd-text-yellow {
	background: linear-gradient(to right, #f17c1e 0%, #f1ef1e 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gd-text-green {
	background: linear-gradient(to right, #56d48d 0%, #31b6ca 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gd-text-orange {
	background: linear-gradient(to right, #f32e0d 0%, #f3840d 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.gd-text-red {
	background: linear-gradient(to right, #e81d3d 0%, #f64730 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.top {
	width: 100%;
	float: left;
	height: 42px;
	color: white;
	font-size: 13px;
	margin-bottom: 30px;
}

.top .destek {
	width: auto;
	float: left;
	line-height: 42px;
}

.top .login {
	float: right;
	width: auto;
}

.top .login ul {}

.top .login ul li {
	float: left;
	margin-left: 15px;
	line-height: 42px;
}

.top .login ul li a {
	color: white;
	text-decoration: none;
	display: block;
}

.logo {
	width: 230px;
	float: left;
}

.header-menu {
	float: left;
	width: auto;
	margin-left: 30px;
}

.header-sepet {
	width: 100px;
	height: 32px;
	border-radius: 4px;
	text-align: center;
	line-height: 32px;
	float: right;
	font-size: 13px;
	color: white;
}

.cbp-hrmenu {
	width: 100%;
	margin-top: 0;
	z-index: 9;
}


/* general ul style */

.cbp-hrmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto!important;
}


/* first level ul style */

.cbp-hrmenu>ul,
.cbp-hrmenu .cbp-hrsub-inner {
	width: 1170px;
	/* max-width: 70em; */
	margin: 0 auto;
}

.cbp-hrmenu>ul>li {
	display: inline-block;
}

.cbp-hrmenu>ul>li>a {
	text-decoration: none;
	font-weight: 500;
	color: #252e3f;
	display: inline-block;
	padding: 9px;
	font-size: 14px;
}

.cbp-hrmenu>ul>li>a:hover {
	color: #47a3da;
}

.cbp-hrmenu>ul>li.cbp-hropen a,
.cbp-hrmenu>ul>li.cbp-hropen>a:hover {
	color: #fff;
	/* background: #47a3da; */
	text-decoration: none;
	font-size: 14px;
}


/* sub-menu */

.cbp-hrmenu .cbp-hrsub {
	display: none;
	position: absolute;
	background: #252e3f;
	width: 100%;
	left: 0;
	z-index: 9;
}

.cbp-hropen .cbp-hrsub {
	display: block;
	padding-bottom: 30px;
	margin-top: 32px;
}

.cbp-hrmenu .cbp-hrsub-inner>div {
	width: 270px;
	float: left;
	/* padding: 0 2em 0; */
	margin-right: 30px;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
	clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner>div a {
	line-height: 2em;
}

.cbp-hrsub h4 {
	color: white;
	padding-top: 30px;
	margin: 0;
	font-size: 21px;
	font-weight: 300;
	margin-bottom: 15px;
	font-weight: 500;
}

.slide-home {
	width: 100%;
	float: left;
	border-bottom: 3px solid #cccdce;
}

.logo img {
	width: 100%;
}

.slide-home .owl-carousel .owl-item {
	margin-right: 0px!important;
	width: 1920px;
}

.cbp-hropen {
	background: #252e3f;
}

.slide-home .owl-dots {
	width: 100%;
	float: left;
	margin-top: -43px;
	position: relative;
	z-index: 9;
	text-align: center;
}

.slide-home .owl-dot {
	width: 12px;
	height: 12px;
	background: #131923a1!important;
	margin-right: 10px;
	outline: 0px;
	border-radius: 100%;
}

.slide-home .active {
	background: white!important;
}

.slide-home .owl-nav {
	width: 100%;
	float: left;
	position: absolute;
	top: 40%;
}

.slide-home .owl-prev {
	width: 40px;
	height: 70px;
	background: #131923a1!important;
	font-size: 40px!important;
	color: white!important;
	outline: 0px!important;
}

.slide-home .owl-next {
	width: 40px;
	height: 70px;
	background: #131923a1!important;
	font-size: 40px!important;
	float: right;
	color: white!important;
	outline: 0px!important;
}

.main-info {
	width: 100%;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
}

.main-info .col {
	width: 268px;
	float: left;
	border-left: 2px solid #E7E8E8;
	margin-right: 30px;
}

.main-info .col img {
	float: left;
	margin-left: 30px;
	margin-right: 5px;
}

.main-info .col h4 {
	margin-top: 10px;
	font-size: 15px;
}

.main-info .col p {
	font-size: 13px;
	color: #252e3f;
}

.domain-tab {
	width: 100%;
	float: left;
	height: auto;
	background-image: url("../img/domain-bg.png")!important;
	background-repeat: repeat!important;
	background-position: 0px 50px!important;
	!important;
}

.domain-tab h1 {
	/* color: #072435; */
	font-size: 32px;
}

.domain-tab p {
	font-size: 24px;
	color: white;
	margin-top: 10px;
	margin-bottom: 15px;
}

.domain-tab .sorgu-alani {
	width: 870px;
	float: left;
	/* padding-top: 30px; */
}

.domain-tab .sorgu-alani input {
	height: 48px;
	width: 680px;
	border-radius: 15px;
	border: 4px solid #70a0ff;
	padding-left: 15px;
	outline: 0px;
	float: left;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: 0;
}

.domain-tab .sorgu-alani button {
	background: #8eef38;
	border: none;
	height: 58px;
	float: left;
	width: 166px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 4px solid #5189f936;
	border-left: 0px;
	outline: 0px;
	font-size: 17px;
	font-weight: bold;
	color: #24410b;
	cursor: pointer;
}

.domain-tab .sorgu-alani .domain-liste {
	width: 100%;
	float: left;
	margin-top: 15px;
}

.domain-tab .sorgu-alani .domain-liste ul {}

.domain-tab .sorgu-alani .domain-liste ul li {
	float: left;
	/* margin-right: 15px; */
	color: white;
	font-size: 15px;
	margin-bottom: 15px;
	min-width: 80px;
	margin-right: 15px;
	font-weight: 500;
}

.domain-tab .sorgu-alani .domain-liste input {
	width: 15px;
	height: 15px;
	margin: 0;
	margin-right: 3px;
}

.domain-tab .domain-banner {
	float: right;
	width: 270px;
}

.domain-fiyat-slide {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 15px;
}

.domain-fiyat-slide {}

.domain-fiyat-slide .fiyatlar {
	float: left;
	width: auto;
	font-size: 20px;
	margin-top: 6px;
	font-weight: bold;
}

.domain-fiyat-slide .eski-fiyat {
	text-decoration: line-through;
	margin-left: 15px;
	color: #252e3f;
}

.domain-fiyat-slide .guncel-fiyat {
	color: #0098ca;
	margin-left: 8px;
}

.domain-fiyat-slide .item img {
	width: auto!important;
	float: left;
}

.domain-fiyat-slide .owl-nav {
	display: none;
}

.hosting-paketleri {
	width: 100%;
	float: left;
	background: url('../img/hosting/paket-bg.jpg');
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

.hosting-paketleri h1 {
	/* color: #072435; */
	font-size: 32px;
	width: 100%;
	text-align: center;
}

.hosting-paketleri p {
	font-size: 24px;
	color: white;
	margin-top: 0px;
	width: 100%;
	text-align: center;
}

.hosting-tab .tab {
	background-color: white;
}

.hosting-tab .tab button:last-child {
	margin-right: 0px!important;
}

.hosting-paketleri .item .paket {
	width: 80%;
	float: left;
	background: white;
	padding: 10px;
	border: 4px solid #7d8696;
	border-radius: 4px;
}

.hosting-paketleri .item .paket li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e7e7e7;
	height: auto;
	line-height: 31px;
	text-align: center;
	font-size: 15px;
	color: #252e3f;
}

.hosting-paketleri .item {
	/* margin-right: 60px; */
	min-width: 320px!important;
}

.hosting-paketleri .item .paket .paket-adi {
	/* color: #e54b64; */
	font-size: 21px;
}

.hosting-paketleri .item .paket .isletim-sistemi {
	width: 105px;
	float: none;
	margin: auto;
}

.hosting-paketleri .item .paket .isletim-sistemi img {
	width: auto;
	float: left;
	/* text-align: center; */
	margin: auto;
	margin-top: 10px;
	margin-bottom: 15px;
}

.hosting-paketleri .item .paket li select {
	width: 100%;
	height: 46px;
	padding-left: 10px;
	border: 2px solid #c8c8c8;
	float: left;
}

.hosting-paketleri .ekle-buton {
	width: 100%;
	float: left;
	color: white;
	text-decoration: none;
	height: 46px;
	line-height: 46px;
	border-radius: 4px;
	margin-top: 15px;
}

.tabcontent-hosting {
	display: none;
	border-top: none;
	width: 1170px;
	float: left;
	padding-top: 30px;
}

.domain-tab-menu {
	width: 100%;
	float: left;
	height: 50px;
	background: #e7e8e8;
}

.domain-tab-menu li {
	float: left;
	line-height: 50px;
	border-left: 1px solid #d3d9dc;
	border-right: 1px solid #d3d9dc;
	margin-left: -1px;
	height: 50px;
}

. domain-tab-menu .active {
	background-color: #5189f9;
}

.domain-tab-menu li a {
	color: #252e3f;
	font-size: 14px;
	font-weight: 500;
	margin: 0;
	padding: 0px!important;
	background: none!important;
	line-height: 50px!important;
	border: none!important;
	padding-left: 30px!important;
	padding-right: 30px!important;
}

.domain-tab-menu .active {
	background: #5189f9;
}

.domain-tab-menu .active a {
	color: white!important;
}

.tab-content {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
}

.hosting-paketleri .item .paket li .ortala {
	width: 100px;
	margin: auto;
	margin-top: 6px;
	font-weight: bold;
}

.hosting-paketleri .owl-nav {
	width: 100%;
	float: left;
	position: absolute;
	top: 40%;
}

.hosting-paketleri .owl-prev {
	width: 40px;
	height: 70px;
	background: #131923a1!important;
	font-size: 40px!important;
	color: white!important;
	outline: 0px!important;
	margin-left: -70px;
}

.hosting-paketleri .owl-next {
	width: 40px;
	height: 70px;
	background: #131923a1!important;
	font-size: 40px!important;
	float: right;
	color: white!important;
	outline: 0px!important;
	margin-right: -70px;
}

.main-bilgi {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
}

.main-bilgi h3 {
	color: #232323;
	font-size: 26px;
}

.main-bilgi span {}

.main-data-center {
	width: 100%;
	float: left;
	background: url('../img/datacenter/datacenter-bg.jpg');
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

.main-data-center h1 {
	width: 100%;
	float: left;
	text-align: center;
}

.main-data-center p {
	font-size: 24px;
	color: white;
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 30px;
}

.deneme {
	background: -webkit-linear-gradient(#eee, #333);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.data-center-banner {
	float: left;
	width: 320px;
	margin-right: 30px;
}

.data-center-slide {
	width: 780px;
	float: left;
}

.data-center-slide .owl-prev {
	width: 40px;
	height: 70px;
	background: #131923a1!important;
	font-size: 40px!important;
	color: white!important;
	outline: 0px!important;
	margin-left: -70px;
}

.data-center-slide .owl-next {
	width: 40px;
	height: 70px;
	background: #131923a1!important;
	font-size: 40px!important;
	float: right;
	color: white!important;
	outline: 0px!important;
	margin-right: -60px;
}

.data-center-slide .item .paket {
	width: 90%;
	float: left;
	background: white;
	padding: 10px;
	border: 4px solid #7d8696;
	border-radius: 4px;
}

.data-center-slide .item .paket li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e7e7e7;
	height: auto;
	line-height: 46px;
	text-align: center;
	font-size: 15px;
	color: #252e3f;
	font*w: 5;
}

.data-center-slide .item .paket .paket-adi {
	color: #e54b64;
	font-size: 21px;
}

.data-center-slide .item .paket .isletim-sistemi {
	width: 65px;
	float: none;
	margin: auto;
}

.data-center-slide .item .paket .isletim-sistemi img {
	width: auto;
	float: left;
	/* text-align: center; */
	margin: auto;
}

.data-center-slide .item .paket li select {
	width: 100%;
	height: 46px;
	padding-left: 10px;
	border: 2px solid #c8c8c8;
	float: left;
}

.data-center-slide .ekle-buton {
	width: 100%;
	float: left;
	color: #170e03;
	text-decoration: none;
	height: 46px;
	line-height: 46px;
	border-radius: 4px;
	margin-top: 15px;
}

.data-center-slide .owl-nav {
	width: 100%;
	float: left;
	position: absolute;
	top: 33%;
	z-index: -1;
}

.hazir-site-main {
	width: 100%;
	float: left;
	background: url('../img/hazirsite-bg.jpg');
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	background-position: center;
}

.hazir-site-icerik {
	width: 790px;
	float: right;
	text-align: center;
}

.hazir-site-icerik .ozellik {
	width: 100%;
	float: left;
	margin-top: -20px;
}

.hazir-site-icerik .ozellik ul {
	width: 520px;
	margin: auto;
	text-align: left;
	margin-top: 30px;
}

.hazir-site-icerik .ozellik li {
	width: 50%;
	float: left;
	font-size: 16px;
	color: #453c3a;
	line-height: 30px;
}

header {
	width: 100%;
	float: left;
}

.hazirsite-incele-buton {
	width: 100%;
	text-align: left;
	margin-top: 20px;
	float: left;
}

.hazirsite-incele-buton img {
	float: left;
	margin-right: 30px;
}

.hazir-site-main .son-siteler {
	width: auto;
	float: right;
	text-align: left;
	margin-top: 21px;
}

.hazir-site-main .son-siteler ul {}

.hazir-site-main .son-siteler li {
	float: left;
	margin-right: 9px;
}

.hazir-site-main .son-siteler li img {
	border: 3px solid #ffffff;
	width: 116px;
	height: 80px;
}

.hazir-site-main .son-siteler li a {}

.hazir-site-main .son-siteler h4 {
	font-size: 24px;
	float: left;
	text-align: right;
	margin-left: -124px;
	margin-right: 15px;
	margin-top: 10px;
}

.newsletter {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 20px;
	border-top: 3px solid #cccdce!important;
	margin-top: -3px;
}

.newsletter .aciklama {
	float: left;
	color: #212939;
	width: 570px;
}

.newsletter .aciklama h4 {
	font-size: 24px;
	margin-top: 8px;
}

.newsletter .aciklama p {
	width: 100%;
	color: #676767;
}

.newsletter .form {
	float: right;
	margin-top: 5px;
}

.newsletter .form input {
	border: 3px solid #e8e9eb;
	height: 46px;
	border-radius: 10px;
	width: 410px;
	float: left;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	outline: 0px;
}

.newsletter .form button {
	height: 54px;
	border: 3px solid #e8e9eb;
	float: left;
	width: 150px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	outline: 0px;
	color: white;
}

.newsletter .icon {
	width: auto;
	height: auto;
	float: left;
	font-size: 58px;
	margin-right: 10px;
}

.medyabim-site-footer {
    width: 100%;
    float: left;
    background: url('../img/footer-bg.jpg');
    padding-top: 30px;
    padding-bottom: 30px;
}

.medyabim-site-footer .col {
	width: 270px;
	float: left;
	margin-bottom: 30px;
}

.medyabim-site-footer .col h3 {
	width: 100%;
	float: left;
	margin-bottom: 15px;
	font-size: 21px;
}

.footer .col ul {}

.medyabim-site-footer .col li {
	width: 100%;
	float: left;
	line-height: 24px;
}

.medyabim-site-footer .col li a {
	color: white;
	font-size: 14px;
}

.copyright {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #303e50;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

.hazir-site-icerik p {
	font-size: 24px;
	color: #453c3a;
}

.cbp-hrmenu .cbp-hrsub-inner>div:last-child {
	margin-right: 0px!important;
}

.header-sepet a {
	color: white;
	display: block;
}

.header-sepet a:hover {
	color: white;
	text-decoration: none;
}

header {
	width: 100%;
	float: left;
	border-bottom: 1px solid #cccdce!important;
	padding-bottom: 20px!important;
}

content {
	width: 100%;
	float: left;
}

.musteri-paneli-wrapper {
	width: 100%;
	float: left;
	background: white;
	margin-top: 30px;
	margin-bottom: 30px;
}

.musteri-paneli-wrapper .panel-menu {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ededed;
}

.musteri-paneli-wrapper .panel-menu ul {
	margin: 0px;
	padding: 0px;
}

.musteri-paneli-wrapper .panel-menu li {
	float: left;
	width: auto;
	border-left: 1px solid #ededed;
	padding-left: 15px;
	border-right: 1px solid #ededed;
	padding-right: 15px;
	height: 42px;
	line-height: 42px;
}

.musteri-paneli-wrapper .panel-menu li a {
	color: #252e3f;
	font-size: 14px;
	display: block;
	text-decoration: none;
}

.musteri-paneli-wrapper .panel-menu li:hover {
	background: #252e3f;
	color: white;
}

.musteri-paneli-wrapper .panel-menu li:hover a {
	color: white;
}

.musteri-paneli-wrapper .panel-menu ul li ul {
	position: absolute;
	width: 1170px;
	float: left;
	background: #252e3f;
	display: none;
}

.musteri-paneli-wrapper .panel-menu ul li ul li {
	border-left: 1px solid #313a4a;
	border-right: 1px solid #313a4a;
}

.musteri-paneli-wrapper .panel-menu ul li:hover ul {
	display: block;
}

.musteri-paneli-wrapper .panel-menu ul li ul li a {
	font-size: 13px;
}

.musteri-paneli-wrapper .panel-menu .menu1 {
	margin-left: -15px;
}

.musteri-paneli-wrapper .panel-menu .menu2 {
	margin-left: -137px;
}

.musteri-paneli-wrapper .panel-menu .menu3 {
	margin-left: -239px;
}

.musteri-paneli-wrapper .panel-menu .menu4 {
	margin-left: -366px;
}

.musteri-paneli-wrapper .panel-menu .menu5 {
	margin-left: -498px;
}

.musteri-paneli-wrapper .panel-menu .menu6 {
	margin-left: -627px;
}

.musteri-paneli-wrapper .panel-menu .menu7 {
	margin-left: -784px;
}

.musteri-paneli-wrapper .panel-menu .menu8 {
	margin-left: -861px;
}

.musteri-paneli-wrapper .panel-menu .menu9 {
	margin-left: -1007px;
}

.musteri-paneli-wrapper .panel-menu .menu10 {
	margin-left: -249px;
}

.musteri-paneli-icerik {
	width: 100%;
	float: left;
	padding-top: 0px;
}

.musteri-paneli-icerik .col {
	width: 567px;
	float: left;
	margin-right: 15px;
}

.musteri-paneli-icerik .icerik h1 {
	width: 100%;
	float: left;
	height: 34px;
	background: #273041;
	color: white;
	font-size: 15px;
	font-weight: 500;
	line-height: 34px;
	padding-left: inherit;
}

.musteri-paneli-icerik .icerik .domain {}

.hesap-ozeti-tablo {
	width: 270px;
	float: left;
	border: 1px solid #ededed;
	margin-top: 15px;
}

.hesap-ozeti-tablo .icon {
	font-size: 39px;
	float: left;
}

.hesap-ozeti-tablo .hizmet {
	font-size: 15px;
	line-height: 16px;
	color: #707070;
	font-weight: 500;
	padding-top: 15px;
	float: left;
}

.hesap-ozeti-tablo .adet {
	font-size: 30px;
	float: right;
}

.hesap-ozeti-tablo tr {
	width: 100%;
	float: left;
}

.uye-bilgilerim .table {
	width: 417px;
	float: left;
	margin-top: 15px;
	font-size: 14px;
}

.musteri-paneli-icerik .merhaba {
	width: 1125px;
	float: left;
	line-height: 36px;
	font-size: 14px;
	color: #273041;
	font-weight: 500;
	background: #ededed;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 15px;
	margin-left: 15px;
}

.musteri-paneli-icerik .hizmet-ozeti {
	/* float: left; */
	/* border: 1px solid #ededed; */
	/* margin-bottom: 15px; */
	padding-bottom: 10px;
}

.musteri-paneli-icerik .hizmet-ozeti .icon {
	font-size: 45px;
	float: left;
	width: 50px;
	text-align: center;
}

.musteri-paneli-icerik .hizmet-ozeti .hizmet-adi {
	float: left;
	font-size: 15px;
	color: #707070;
	margin-top: 7px;
	margin-left: 15px;
	font-weight: 500;
}

.musteri-paneli-icerik .hizmet-ozeti .adet {
	float: right;
	font-size: 35px;
	margin-top: 5px;
}

.musteri-paneli-icerik .hizmet-ozeti ul {}

.musteri-paneli-icerik .hizmet-ozeti ul li {
	width: 252px;
	float: left;
	border: 1px solid #e7e7e7;
	padding: 10px;
	margin-top: 10px;
	margin-left: 10px;
}

.musteri-paneli-icerik .hizmet-ozeti ul li a {
	font-size: 14px;
	color: #707070;
}

.suresi-bitecek-urunler {}

.suresi-bitecek-urunler ul {}

.suresi-bitecek-urunler li {
	width: 100%;
	float: left;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	line-height: 36px;
	font-size: 13px;
	color: #787878;
	font-weight: 500;
}

.suresi-bitecek-urunler li i {
	font-size: 20px;
	color: #273041;
	margin-top: 8px;
	float: left;
	margin-right: 5px;
	width: 20px;
	TEXT-ALIGN: CENTER;
	margin-left: 15px;
}

.suresi-bitecek-urunler .hizmet-adi {
	width: auto;
	min-width: 260px;
	float: left;
}

.suresi-bitecek-urunler .hizmet-suresi {
	min-width: 120px;
	float: left;
}

.suresi-bitecek-urunler .hizmet-yenileme {
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	height: 26px;
	line-height: 26px;
	margin-top: 5px;
	margin-right: 15px;
	border-radius: 5px;
}

.suresi-bitecek-urunler .hizmet-yenileme a {
	color: white;
	display: block;
}

.suresi-bitecek-urunler .hizmet-yenileme i {
	margin: 0px;
	margin-top: 7px;
	float: left;
	margin-right: 0px;
	color: white;
	font-size: 13px;
}

.musteri-paneli-wrapper .icerik {
	width: 100%;
	margin-right: 15px;
	float: left;
	margin-bottom: 10px;
	border: 1px solid #ededed;
}

.musteri-paneli-icerik .icerik h1 i {
	margin-left: 15px;
}

.uye-bilgilerim {
	width: 100%;
	float: left;
}

.uye-bilgilerim .uye-resmi {
	width: 100px;
	height: 100px;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
}

.uye-bilgilerim .uye-resmi img {
	width: 100%;
	height: 100%;
}

.uye-bilgilerim .uye-bilgi {}

.uye-bilgilerim .table td {
	padding: 6px;
	border: 1px solid #e7e7e7;
}

.son-islemler {
	width: 100%;
	float: left;
}

.son-islemler .table {
	font-size: 13px;
	color: #787878;
	font-weight: 500;
	margin-bottom: 0px;
}

.son-islemler .table td {
	padding: 6px;
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
}

.son-islemler .table i {
	color: #273041;
}

.son-islemler .table a {
	color: #273041;
}

.son-islemler .table tr {}

.panel-info {
	width: 100%;
	float: left;
}

.panel-info .col {
	width: 338px;
	float: left;
	border: 1px solid #ededed;
	padding: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.panel-info .col h6 {}

.panel-info .col p {
	font-size: 13px;
}

.panel-info .col .text {}

.panel-info .col .icon {
	float: left;
	margin-right: 11px;
}

.panel-info .col a {
	color: #273041;
}

.tr-belgeler {
	width: 520px;
	float: left;
}

.tr-belgeler .icon {
	float: left;
	width: 60px;
	margin-left: -10px;
}

.tr-belgeler .text {
	float: left;
	width: 410px;
	margin-left: 15px;
}

.tr-belgeler .text td {
	padding: 1px;
	font-size: 14px;
	line-height: 28px;
}

.tr-belgeler .text td a {
	color: white;
}

.domain-transferi {
	width: 870px;
	float: left;
}

.domain-transferi input {
	height: 48px;
	width: 350px;
	border-radius: 15px;
	border: 4px solid #70a0ff;
	padding-left: 15px;
	outline: 0px;
	float: left;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-right: 0;
}

.domain-transferi select {
	float: left;
	height: 58px;
	border: 4px solid #70a0ff;
	width: 150px;
	border-left: none;
}

.domain-transferi button {
	background: #8eef38;
	border: none;
	height: 58px;
	float: left;
	width: 166px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 4px solid #5189f936;
	border-left: 0px;
	outline: 0px;
	font-size: 17px;
	font-weight: bold;
	color: #24410b;
	cursor: pointer;
}

.domain-bilgi .col {
	width: 368px;
	border: 1px solid #e7e7e7;
	float: left;
	margin-top: 30px;
	margin-right: 30px;
}

.domain-bilgi .col i {
	font-size: 50px;
	margin-top: 16px;
	margin-left: 15px;
	float: left;
	margin-right: 10px;
	height: 75px;
	color: #5189f9;
}

.domain-bilgi .col h3 {
	margin-top: 15px;
	margin-left: 15px;
	font-size: 19px;
	margin-bottom: 5px;
	color: #252e3f;
}

.domain-bilgi .col p {
	line-height: 18px;
	color: gray;
	font-size: 14px;
}

.domain-fiyat-tablo {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #ededed;
}

.domain-fiyat-tablo .table {
	background: white;
	color: #273041;
	text-align: center;
}

.domain-fiyat-tablo .table td {
	border: 1px solid #ddd;
}

.domain-fiyat-tablo .table th {
	background-color: #273041;
	color: white;
	font-weight: 500;
	text-align: center;
}

.domain-fiyat-tablo .table .eski-fiyat {
	font-weight: 500;
	color: gray;
	text-decoration: line-through;
}

.domain-fiyat-tablo .table .guncel-fiyat {
	font-weight: bold;
}

.sayfa-ici-tab {
	width: 1140px;
	float: left;
}

.sayfa-ici-tab .nav-tabs {
	width: 100%;
	float: left;
}

.sayfa-ici-tab .nav-tabs li {
	background: white;
	border-radius: 0px;
	border-right: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	height: 44px;
}

.sayfa-ici-tab .nav-tabs li a {
	color: #252e3f;
	font-size: 16px;
	font-weight: 500;
	margin-right: 0px;
	border-radius: 0px;
	border: none!important;
}

.sayfa-ici-tab .tab-content {
	padding: 15px;
	background: white;
	color: gray;
	font-weight: 400;
}

.sayfa-ici-tab .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #273041!important;
	border-top: 3px solid #5189f9!important;
}

.sayfa-ici-tab .nav-tabs li i {
	color: #5189f9;
}

.sayfa-ici-tab .tab-content h1 {
	margin-bottom: 15px;
	font-weight: 500;
}

.sayfa-ici-tab .tab-content h2 {
	margin-bottom: 15px;
	font-weight: 500;
}

.sayfa-ici-tab .tab-content h3 {
	margin-bottom: 15px;
	font-weight: 500;
}

.sayfa-ici-tab .tab-content h4 {
	margin-bottom: 15px;
	font-weight: 500;
}

.sayfa-ici-tab .tab-content h5 {
	margin-bottom: 15px;
	font-weight: 500;
}

.sayfa-ici-tab .tab-content h6 {
	margin-bottom: 15px;
	font-weight: 500;
}

.sayfa-ici-tab .tab-content p {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 24px;
}

#accordion {
	border: 1px solid #e7e7e7;
	padding: 15px;
}

#accordion .card-header {
	border: 1px solid #e7e7e7;
	height: 42px;
	line-height: 42px;
}

#accordion .card-body {
	border: 1px solid #e7e7e7;
	padding: 15px;
	font-size: 14px;
	line-height: 24px;
}

#accordion button {
	outline: 0px;
	color: #252e3f;
	font-weight: 500;
}

.paket-v1 {
	width: 100%;
	float: left;
}

.paket-v1 .paket {
	width: 232px;
	float: left;
	background: white;
	/* padding: 10px; */
	/* border: 1px solid #ffffff; */
	/* border-radius: 4px; */
}

.paket-v1 .paket li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e7e7e7;
	height: auto;
	line-height: 42px;
	text-align: center;
	font-size: 15px;
	color: #252e3f;
}

.paket-v1 .paket .paket-adi {
	background: #e54b64;
	font-size: 21px;
	height: 66px;
	line-height: 66px;
	color: white;
	width: 100%;
	float: left;
}

.paket-v1 .paket .isletim-sistemi {
	width: 100px;
	float: none;
	margin: auto;
}

.paket-v1 .paket .isletim-sistemi img {
	width: auto;
	float: left;
	/* text-align: center; */
	margin: auto;
	margin-top: 11px;
}

.paket-v1 .paket li select {
	width: 200px;
	height: 46px;
	padding-left: 10px;
	border: 2px solid #c8c8c8;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.paket-v1 .ekle-buton {
	width: 150px;
	float: left;
	color: white;
	text-decoration: none;
	height: 36px;
	line-height: 36px;
	border-radius: 4px;
	margin-top: 15px;
	margin-left: 41px;
	margin-bottom: 15px;
}

.paket-v1 .paket li .ortala {
	width: 80px;
	margin: auto;
	margin-top: 6px;
	font-weight: bold;
}

.paket-v1 .one-cikart {
	min-height: 430px;
	margin-top: -30px;
	border: 4px solid #ffffff;
	/* padding-bottom: 40px; */
}

.paket-v1 .one-cikart .paket-adi {}

.paket-v1 .paket-fiyat {
	font-size: 35px;
	FLOAT: LEFT;
}

.paket-v1 .odeme-cinsi {
	FLOAT: LEFT;
	margin-top: -7px;
}

.paket-v1 .paket-sene {
	float: left;
	margin-top: 7px;
	margin-left: -16px;
}

.sayfa-banner {
	width: 100%;
	float: left;
	height: 400px;
}

.hosting-sayfasi {
	width: 100%;
	float: left;
}

.hosting-sayfasi .paketler-bg {
	background: url("../img/hosting/pattern-bg1.jpg");
	width: 100%;
	float: left;
	padding-bottom: 30px;
	padding-top: 30px;
}

.sayfa-banner .left {
	width: 870px;
	float: left;
	padding-top: 90px;
	z-index: 2;
	position: relative;
}

.sayfa-banner .left h1 {
	color: #f54332;
	font-size: 45px;
}

.sayfa-banner .left p {
	color: white;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 25px;
	font-weight: 100;
}

.sayfa-banner .left span {
	color: white;
	margin-top: 15px;
	font-weight: 100;
	margin-right: 15px;
	margin-bottom: 15px;
	float: left;
	font-size: 19px;
}

.sayfa-banner .left i {
	color: #4eb80d;
}

.sayfa-banner .right {
	float: right;
	width: 270px;
	margin-top: 0;
	position: relative;
	z-index: 2;
}

.hosting-ozellikleri {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #252e3f;
}

.hosting-ozellikleri ul {}

.hosting-ozellikleri li {
	float: left;
	margin-right: 25px;
	margin-bottom: 15px;
	color: white;
	width: 100%;
}

.hosting-ozellikleri li i {
	color: #7eb800;
	text-align: left;
}

.paket-v1 .paket .isletim-sistemi input[type=checkbox],
input[type=radio] {
	float: left;
	margin-top: 20px!important;
}

.sayfa-banner video {
	float: left;
	position: relative;
	width: 100%;
	/* height: 300px; */
	opacity: 0.2;
	overflow: hidden;
}

.sayfa-banner .video-wrap {
	width: 100%;
	height: 400px;
	float: left;
	overflow: hidden;
	position: absolute;
}

.paket-v2 {
	width: 100%;
	float: left;
}

.paket-v2 .paket {
	width: 387px;
	float: left;
	background: white;
	/* padding: 10px; */
	/* border: 1px solid #ffffff; */
	/* border-radius: 4px; */
	margin-bottom: 30px;
}

.paket-v2 .paket li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e7e7e7;
	height: auto;
	line-height: 42px;
	text-align: center;
	font-size: 15px;
	color: #2f1b07;
}

.paket-v2 .paket .paket-adi {
	font-size: 21px;
	height: 66px;
	line-height: 66px;
	color: black;
	width: 100%;
	float: left;
}

.paket-v2 .paket .isletim-sistemi {
	width: 100px;
	float: none;
	margin: auto;
}

.paket-v2 .paket .isletim-sistemi img {
	width: auto;
	float: left;
	/* text-align: center; */
	margin: auto;
	margin-top: 11px;
}

.paket-v2 .paket li select {
	width: 360PX;
	height: 46px;
	padding-left: 10px;
	border: 2px solid #c8c8c8;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.paket-v2 .ekle-buton {
	width: 150px;
	float: left;
	color: #2f1c05;
	text-decoration: none;
	height: 46px;
	line-height: 46px;
	border-radius: 4px;
	margin-top: 15px;
	margin-left: 121px;
	margin-bottom: 15px;
	font-weight: 500;
}

.paket-v2 .paket li .ortala {
	width: 130px;
	margin: auto;
	margin-top: 6px;
	font-weight: bold;
}

.paket-v2 .one-cikart {
	/* min-height: 430px; */
	margin-top: -30px;
	border: 4px solid #ffffff;
	/* padding-bottom: 40px; */
}

.paket-v2 .paket-fiyat {
	font-size: 35px;
	FLOAT: LEFT;
	margin-right: 5px;
}

.paket-v2 .odeme-cinsi {
	FLOAT: LEFT;
	margin-top: -7px;
}

.paket-v2 .paket-sene {
	float: left;
	margin-top: 7px;
	margin-left: -49px;
}

.kiralik-sunucu-sayfasi {
	width: 100%;
	float: left;
}

.kiralik-sunucu-sayfasi .paketler-bg {
	background: url("../img/hosting/pattern-bg1.jpg");
	width: 100%;
	float: left;
	padding-top: 30px;
}

.kiralik-sunucu-aciklama {
	width: 100%;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #2f1b07;
}

.kiralik-sunucu-aciklama h2 {
	margin-bottom: 15px;
	margin-top: 30px;
}

.kiralik-sunucu-aciklama p {
	color: #494949;
}

.paket-v3 {
	width: 100%;
	float: left;
	margin-top: -30px;
}

.bayi-reseller-sayfasi {
	width: 100%;
	float: left;
}

.paket-v3 .paket {
	width: 193px;
	float: left;
	background: white;
	/* padding: 10px; */
	/* border: 1px solid #ffffff; */
	/* border-radius: 4px; */
}

.paket-v3 .paket li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e7e7e7;
	height: auto;
	line-height: 42px;
	text-align: center;
	font-size: 15px;
	color: #252e3f;
}

.paket-v3 .paket .paket-adi {
	/* background: #2487ec; */
	font-size: 21px;
	height: 66px;
	line-height: 66px;
	color: white;
	width: 100%;
	float: left;
}

.paket-v3 .paket .isletim-sistemi {
	width: 100px;
	float: none;
	margin: auto;
}

.paket-v3 .paket .isletim-sistemi img {
	width: auto;
	float: left;
	/* text-align: center; */
	margin: auto;
	margin-top: 11px;
}

.paket-v3 .paket li select {
	width: 164px;
	height: 46px;
	padding-left: 10px;
	border: 2px solid #c8c8c8;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.paket-v3 .ekle-buton {
	width: 150px;
	float: left;
	color: white;
	text-decoration: none;
	height: 36px;
	line-height: 36px;
	border-radius: 4px;
	margin-top: 15px;
	margin-left: 23px;
	margin-bottom: 15px;
}

.paket-v3 .paket li .ortala {
	width: 130px;
	margin: auto;
	margin-top: 6px;
	font-weight: bold;
	color: #e81d3d;
}

.paket-v3 .one-cikart {
	min-height: 430px;
	margin-top: -30px;
	border: 4px solid #ffffff;
	/* padding-bottom: 40px; */
}

.paket-v3 .one-cikart .paket-adi {}

.paket-v3 .paket-fiyat {
	font-size: 35px;
	FLOAT: LEFT;
	margin-left: 15px;
	color: #e91e3e;
}

.paket-v3 .odeme-cinsi {
	FLOAT: LEFT;
	margin-top: -7px;
}

.paket-v3 .paket-sene {
	float: left;
	margin-top: 7px;
	margin-left: -16px;
}

.bayi-reseller-sayfasi .sayfa-banner .left i {
	color: #f64830;
}

.bayi-reseller-sayfasi .paketler-bg {
	background: url("../img/hosting/pattern-bg1.jpg");
	width: 100%;
	float: left;
	padding-bottom: 30px;
	padding-top: 30px;
}

.hosting-paketleri .paket .isletim-sistemi input[type=checkbox],
input[type=radio] {
	float: left;
	margin-top: 20px!important;
}

.vds-paketleri-slide .hosting-paketleri .ekle-buton {
	color: #2f1c05;
}

.kullanici-girisi {
	width: 100%;
	float: left;
	padding-top: 60px;
	padding-bottom: 60px;
	background: url('../img/login-bg.jpg');
}

.kullanici-girisi .login-wrapper {
	width: 470px;
	margin: auto;
	float: left;
	border: 4px solid #88888842;
	border-radius: 5px;
	background: white;
	padding-left: 15px;
	padding-right: 15px;
}

.login-wrapper h2 {
	font-weight: 500;
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 15px;
	margin-bottom: 14px;
}

.login-wrapper .input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
	width: 378px;
}

.giris-yap-button {
	width: 100%;
	height: 46px;
	border-radius: 4px;
	border: none;
	color: white;
	font-weight: 500;
	margin-bottom: 15px;
}

.kayit-sayfa-button {
	width: 100%;
	height: 46px;
	border-radius: 4px!important;
	border: none!important;
	color: white!important;
	font-weight: 500!important;
	margin-bottom: 15px!important;
	padding: 0!important;
	line-height: 46px!important;
	font-size: 17px!important;
	float: left;
	text-align: center;
}
.register-wrapper {
	width: 1170px;
	margin: auto;
	float: left;
	border: 4px solid #88888842;
	border-radius: 5px;
	background: white;
	padding-left: 15px;
	padding-right: 15px;
}

.register-wrapper .input-group {
    width: 320px;
    float: left;
    margin-right: 60px;
}
.register-wrapper  select {
    width: 307px;
    float: left;
    height: 44px;
    border-radius: 5px;
    border: 1px solid #c3c3c3;
}
.register-wrapper  h2 {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 15px;
    padding-top: 15px;
    font-weight: 500;
}

.hosting-tab-menu {
	width: 100%;
	float: left;
 
}

.hosting-tab-menu li {
	float: left;
	line-height: 50px;
	border: 4px solid #7d8696;
	margin-left: -1px;
	height: 50px;
	border-radius: 10px;
	margin-right: 30px;
}

. .active {
	background-color: #5189f9;
}

.hosting-tab-menu li a {
	color: white;
	font-size: 15px;
	font-weight: 500;
	margin: 0;
	padding: 0px!important;
	background: none!important;
	line-height: 50px!important;
	border: none!important;
	padding-left: 30px!important;
	padding-right: 30px!important;
}

.hosting-tab-menu .active {
		background: rgb(229, 75, 100)!important;
	background: linear-gradient(90deg, rgba(229, 75, 100, 1) 0%, rgba(143, 99, 232, 1) 100%, rgba(143, 99, 232, 1) 100%)!important;
}

.hosting-tab-menu .active a {
	/* color: white!important; */
}

.hosting-tab-menu .nav-tabs {
    WIDTH: 810PX;
    MARGIN: AUTO;
    FLOAT: NONE;
    MARGIN-TOP: 25px;
}
.hosting-tab-menu .active a {
    color: white!important;
}
.hosting-tab-menu  .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	 
	border-top:none!important;
}

.nav-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

header {
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

/* Bootstrap header ile çakışmayı engelle */
.wrapper header {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.top {
    background: #0d1222; /* Koyu üst bar rengi */
    padding: 5px 0;
}

main.content-area {
    padding-top: 20px !important;
}

/* SADECE Medyabim header */
.medyabim-header {
    width: 100%;
    float: left;
}

/* Medyabim üst bar */
.medyabim-header .top {
    height: 42px;
    line-height: 42px;
    margin-bottom: 0;
}

/* Bootstrap header etkilenmesin */
header:not(.medyabim-header) {
    border: none !important;
    padding: initial !important;
    margin: initial !important;
}

.mb-top-left { float: left; }
.mb-top-logo { float: left; margin-right: 15px; line-height: 42px; }
.mb-top-logo img { display: block; }

.cbp-hrmenu {
    margin-top: 15px;
}




/* Container referans */
header .container {
  position: relative;
}

/* Sepet */
.header-sepet {
  position: absolute;
  top: 12px;          /* ALT BAR hizası */
  right: 0;           /* container'ın sağ kenarı */
  z-index: 1000;
}

/* Buton görünümü */
.header-sepet a {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  padding: 0 14px;
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  border-radius: 4px;
}


/* Header kismindaki Hesabim dropdown */
#accountDropdown {
    position: fixed;
    background: #fff;
    width: 220px;
    border-radius: 6px;
    box-shadow: 0 15px 40px rgba(0,0,0,.25);
    display: none;
    z-index: 999999;
}

#accountDropdown a {
    display: block;
    padding: 12px 16px;
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

#accountDropdown a:hover {
    background: #f4f4f4;
}

#accountDropdown .divider {
    height: 1px;
    background: #e5e5e5;
    margin: 6px 0;
}

#accountDropdown .logout {
    color: #c0392b;
}



/* ==============================
   LOGIN PAGE
================================ */

.login-page {
    min-height: calc(100vh - 120px); /* header + footer payı */
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
        var(--login-bg) center / cover no-repeat;
    padding: 40px 15px;
}

.login-card {
    background: #fff;
    width: 100%;
    max-width: 420px;
    padding: 35px 30px;
    border-radius: 12px;
    box-shadow: 0 25px 60px rgba(0,0,0,.35);
}

.login-title {
    text-align: center;
    margin-bottom: 25px;
    font-weight: 600;
    color: #222;
}

.login-form .form-control {
    height: 44px;
    font-size: 14px;
    margin-bottom: 15px;
}

.remember-row {
    margin: 10px 0 20px;
}

.btn-login {
    width: 100%;
    height: 46px;
    background: #0d6efd;
    border: none;
    border-radius: 6px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    transition: all .2s ease;
}

.btn-login:hover {
    background: #084298;
}

/* ==============================
   LOGIN FORM INPUT FIX (Blesta)
================================ */

/* Blesta form helper farklarını sıfırla */
.login-form .field,
.login-form .form-group {
    margin-bottom: 15px;
}

/* Tüm inputları birebir eşitle */
.login-form input[type="text"],
.login-form input[type="password"] {
    width: 100%;
    height: 44px;
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 6px;
    box-sizing: border-box;
}

/* Checkbox hizası */
.login-form .remember-row input[type="checkbox"] {
    margin-right: 6px;
}



/* Remember Me satırı */
.login-form .remember-row {
    margin: 10px 0 20px;
}

.login-form .remember-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #444;
    cursor: pointer;
    user-select: none;
}

.login-form .remember-label input[type="checkbox"] {
    margin: 0;
    width: 16px;
    height: 16px;
}


/* login error messages */
.login-form .is-invalid {
    border: 2px solid #dc3545 !important;
    background-color: #fff5f5;
}

.login-form .is-invalid:focus {
    box-shadow: 0 0 0 0.15rem rgba(220,53,69,.25);
}


/* HOSTING SAYFASI ICIN PAKETLERIN 6'LI SEKILDE SIRALANMASI */
/* Paketleri 3x2 grid yap */
.paket-v1.paket-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    align-items: stretch; /* kart yüksekliklerini eşitler */
}

/* === KART (UL.PAKET) === */
.paket-v1.paket-grid .paket {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;

    display: flex;
    flex-direction: column;

    min-height: 560px;   /* 🔴 KRİTİK: butonun kaybolmaması için */
    position: relative;
}

/* === LİSTE ELEMANLARI === */
.paket-v1.paket-grid .paket li {
    list-style: none;
}

/* === BUTON SATIRI (HER ZAMAN GÖZÜKSÜN) === */
.paket-v1.paket-grid .paket li:last-child {
    margin-top: auto;        /* flex ile alta iter */
    padding-top: 15px;
    text-align: center;
}

/* === BUTON === */
.paket-v1.paket-grid .ekle-buton {
    display: inline-block;
}
.paket li:last-child {
    display: flex;
    justify-content: center;
}

/* === MOBİL UYUMLULUK === */
@media (max-width: 992px) {
    .paket-v1.paket-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .paket-v1.paket-grid .paket {
        min-height: 520px;
    }
}

@media (max-width: 576px) {
    .paket-v1.paket-grid {
        grid-template-columns: 1fr;
    }

    .paket-v1.paket-grid .paket {
        min-height: auto; /* mobilde serbest bırak */
    }
}


.paket-tabs {
    clear: both;               /* EN KRİTİK SATIR */
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 40px 0 30px 0;
    position: relative;
    z-index: 5;
}

.paket-tab {
    padding: 12px 40px;
    background: #f1f1f1;
    border: none;
    border-radius: 6px 6px 0 0;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
}

.paket-tab.active {
    background: #e94c6f;
    color: #fff;
}

.paket-tab-content {
    display: none;
}

.paket-tab-content.active {
    display: block;
}


/* DATACENTER SAYFASI ICIN PAKETLERIN 6'LI SEKILDE SIRALANMASI */
/* Fiyat satırı */
.price-box {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    margin: 0 auto;
}

/* SADECE SERVER SAYFASI TABLARI */

.server-page .paket-tabs .paket-tab{
    background:#ececec;
    color:#333;
    border:none;
    padding:12px 22px;
    border-radius:6px;
    font-weight:600;
    transition:all .3s ease;
}

/* aktif tab */
.server-page .paket-tabs .paket-tab.active{
    background:linear-gradient(135deg,#facc15,#eab308) !important;
    color:#111 !important;
}

/* hover */
.server-page .paket-tabs .paket-tab:hover{
    background:#facc15;
    color:#111;
}

/* ---------------------------- EN SON EKLENEN -------------------------- */
.price-value {
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

/* Sağ kolon: € + Aylık */
.price-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1;
    margin-top: 4px; /* ALTIN DEĞERİ */
}

.price-currency {
    font-size: 14px;
    font-weight: 600;
}

.price-period {
    font-size: 11px;
    margin-top: 2px;
    opacity: 0.85;
}
/*------------------------------------------------------*/
.paket-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

@media (max-width: 992px) {
    .paket-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 576px) {
    .paket-grid {
        grid-template-columns: 1fr;
    }
}

.paket-tabs {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 40px 0;
}

.paket-tab {
    padding: 12px 30px;
    border: none;
    border-radius: 6px;
    background: #eee;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.paket-tab.active {
    background: #f44336;
    color: #fff;
}

.paket-tab-content {
    display: none;
}

.paket-tab-content.active {
    display: block;
}

.ucretsiz {
	color: #4eb80d;
	font-weight: 600;
}


#kurumsal-kiralik-sunucular .paket .dc-action,
#vds-sunucular .paket .dc-action,
#hybrid-sunucular .paket .dc-action {
	text-align: center;
}
#kurumsal-kiralik-sunucular .paket .dc-action .sepete-ekle,
#vds-sunucular .paket .dc-action .sepete-ekle,
#hybrid-sunucular .paket .dc-action .sepete-ekle {
	float: none !important;
	display: inline-block !important;
	margin: 0 auto !important;
}


.forgot-password {
    text-align: right;
    margin: 6px 0 14px;
}

.forgot-password a {
    font-size: 13px;
    color: #6c757d;
    text-decoration: none;
}

.forgot-password a:hover {
    text-decoration: underline;
    color: #0d6efd;
}

/* =====================================================
   SSL HİZMETLERİ – ÖZEL TEMA
   ===================================================== */

/* Banner */
.ssl-banner {
    background-size: cover;
    background-position: center;
}

/* Arka Plan */
.ssl-bg {
    background-color: #0f172a;
}

/* Paket Kartları */

.ssl-paket .paket-adi {
    color: #22c55e;
    font-weight: 600;
}

.ssl-baslik{
    background: linear-gradient(135deg,#22c55e,#16a34a) !important;
    color:#fff !important;
}

/* SSL Buton */
.bg-green {
    background-color: #22c55e;
    color: #ffffff;
    transition: all 0.3s ease;
}

.bg-green:hover {
    background-color: #16a34a;
    color: #ffffff;
}

/* SSL Özellikler */
.ssl-why h1 {
    color: #22c55e;
}

.ssl-why i {
    color: #22c55e;
    margin-right: 8px;
}

.ssl-page .paket-tabs .paket-tab{
    background:#ececec;
    color:#333;
    border:none;
    padding:12px 22px;
    border-radius:6px;
    font-weight:600;
    transition:all .3s ease;
}

.ssl-page .paket-tabs .paket-tab.active{
    background:linear-gradient(135deg,#22c55e,#16a34a) !important;
    color:#fff !important;
}

.ssl-page .paket-tabs .paket-tab:hover{
    background:#22c55e;
    color:#fff;
}

.email-paket{
    height:auto !important;
    min-height:auto !important;
    display:block !important;

	flex-direction:column;

    border-radius:12px;
    overflow:hidden;

    box-shadow:0 8px 24px rgba(0,0,0,.08);
    transition:all .3s ease;
}
.email-paket:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.email-paket li:last-child{
    margin-top:auto !important;
    padding-top:20px;

    border-bottom:none !important;
}


.ssl-paket{
    display:flex !important;
    flex-direction:column;

    min-height:unset !important;
    height:auto !important;

    padding-bottom:20px;

	border-radius:12px;
    overflow:hidden;

    box-shadow:0 8px 24px rgba(0,0,0,.08);
    transition:all .3s ease;
}
.ssl-paket:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}

/* içerik alanı */

.ssl-paket li{
    height:auto !important;
    min-height:auto !important;
}

/* buton alanı */

.ssl-paket li:last-child{
    margin-top:auto !important;
    padding-top:20px;

    border-bottom:none !important;
}

.serverek-paket{
    height:auto !important;
    min-height:auto !important;
    display:flex !important;

	flex-direction:column;

    border-radius:12px;
    overflow:hidden;

    box-shadow:0 8px 24px rgba(0,0,0,.08);
    transition:all .3s ease;
}
.serverek-paket:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.serverek-paket li{
    height:auto !important;
    min-height:auto !important;
}

.serverek-paket li:last-child{
    margin-top:auto !important;
    padding-top:20px;

    border-bottom:none !important;
}

/* hosting cartları */
.hosting-paket{
    height:auto !important;
    min-height:auto !important;

    display:flex !important;
    flex-direction:column;

    border-radius:12px;
    overflow:hidden;

    box-shadow:0 8px 24px rgba(0,0,0,.08);
    transition:all .3s ease;
}

.hosting-paket:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.hosting-paket li{
    height:auto !important;
    min-height:auto !important;
}

.hosting-paket li:last-child{
    margin-top:auto !important;
    padding-top:20px;

    border-bottom:none !important;
}
.hosting-ozellikler{
    display:flex;
    gap:40px;
    margin-top:20px;
    flex-wrap:wrap;
}

.hosting-ozellik-col{
    flex:1;
    min-width:280px;

    line-height:32px;
    color:#444;
    font-size:15px;
}

/* sunucu cartları */
.sunucu-paket{
    height:auto !important;
    min-height:auto !important;

    display:flex !important;
    flex-direction:column;

    border-radius:12px;
    overflow:hidden;

    box-shadow:0 8px 24px rgba(0,0,0,.08);
    transition:all .3s ease;
}

.sunucu-paket:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.12);
}

.sunucu-paket li{
    height:auto !important;
    min-height:auto !important;
}

.sunucu-paket .dc-action{
    margin-top:auto !important;
    padding:20px 0 !important;

    border-bottom:none !important;
}

/* datacenter açıklama kısmı */
.dc-slider-wrapper{

    position:relative;

    width:100%;
    max-width:1100px;

    margin:80px auto;

    overflow:hidden;
}

.dc-slider{
    position:relative;
}

.dc-slide{
    display:none;

    min-height:520px;
    height:520px;

    padding:60px;

    border-radius:28px;
    background:#fff;

    box-shadow:0 10px 35px rgba(0,0,0,.06);

    overflow-y:auto;
}

.dc-slide.active{
    display:block;
}

.dc-slide-icon{

    width:90px;
    height:90px;

    border-radius:22px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:38px;
    color:#fff;

    margin-bottom:30px;
}

.dc-slide-icon.yellow{
    background:linear-gradient(135deg,#f59e0b,#facc15);
}

.dc-slide-icon.orange{
    background:linear-gradient(135deg,#fb923c,#f97316);
}

.dc-slide-icon.blue{
    background:linear-gradient(135deg,#3b82f6,#60a5fa);
}

.dc-slide h2{

    font-size:42px;
    font-weight:800;

    margin-bottom:25px;

    color:#111827;
}

.dc-slide p{

    font-size:18px;
    line-height:38px;

    color:#4b5563;

    margin-bottom:30px;
}

.dc-slide ul{
    padding:0;
}

.dc-slide ul li{

    list-style:none;

    line-height:42px;

    font-size:17px;
}

.dc-nav{

    position:absolute;
    top:50%;

    transform:translateY(-50%);

    width:60px;
    height:60px;

    border:none;

    border-radius:50%;

    background:#fff;

    box-shadow:0 6px 20px rgba(0,0,0,.15);

    z-index:99;

    cursor:pointer;

    font-size:22px;
}

.dc-nav.prev{
    left:-20px;
}

.dc-nav.next{
    right:-20px;
}

.dc-slide::-webkit-scrollbar{
    width:8px;
}

.dc-slide::-webkit-scrollbar-track{
    background:#f1f1f1;
    border-radius:20px;
}

.dc-slide::-webkit-scrollbar-thumb{
    background:#d0d0d0;
    border-radius:20px;
}

.dc-slide::-webkit-scrollbar-thumb:hover{
    background:#b5b5b5;
}

.dc-slide-bg{
    min-height:520px;
    height:520px;

    border-radius:28px;

    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;

    background-color:#fff;

    overflow:hidden;
}

.hazirsite-ozellik{
    display:flex;
    justify-content:space-between;
    align-items:center;

    width:100%;

    padding:14px 22px;
    box-sizing:border-box;

    text-align:left;
}

.hazirsite-ozellik .tik{
    margin-left:auto;
    color:#6d4edb;
    font-weight:bold;
}

@keyframes fade{
    from{
        opacity:0;
        transform:translateY(10px);
    }

    to{
        opacity:1;
        transform:none;
    }
}

/* navbar başlıklar ve alt başlıklar */
.menu-desc {
    display: block;
    font-size: 12px;
    color: #9b9898;
    margin-left: 18px; /* ikon hizası için */
    margin-top: -2px;
	line-height: 1.2;
}
.navbar-baslik li {
    margin-bottom: 10px;
}


/* login ekranında çerçeveleme yapmasın diye. hatta daha genel ifade */
a:focus,
a:active,
button:focus,
button:active {
    outline: none !important;
    box-shadow: none !important;
}


/* =========================================================
   RESPONSIVE TEMEL DÜZELTME
   ========================================================= */

@media (max-width: 1199px) {

    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .wrapper {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box !important;   /* ← EKLENDİ */
    }

}

@media (max-width: 1199px) {

    .cbp-hrmenu > ul,
    .cbp-hrmenu .cbp-hrsub-inner,
    .medyabim-hrmenu > ul,
    .medyabim-hrmenu .cbp-hrsub-inner {
        width: 100% !important;
        max-width: 100% !important;
    }

}

@media (max-width: 767px) {

    .main-info {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .main-info .container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
    }

    .main-info .col {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 15px 8px;
        border-left: 0;
        border-bottom: 1px solid #e7e8e8;
        text-align: center;
    }

    .main-info .col img {
        float: none !important;
        display: block;
        margin: 0 auto 8px !important;
        max-width: 55px;
    }

    .main-info .col h4 {
        margin: 5px 0;
        font-size: 14px;
    }

    .main-info .col p {
        margin: 0;
        font-size: 12px;
    }

}

@media (max-width: 767px) {

    .domain-tab {
        width: 100%;
        overflow: hidden;
    }

    .domain-tab .sorgu-alani {
        width: 100% !important;
        float: none !important;
    }

    .domain-tab .sorgu-alani h1 {
        font-size: 24px;
        line-height: 1.25;
        text-align: center;
    }

    .domain-tab .sorgu-alani > p {
        font-size: 15px;
        text-align: center;
    }

    .domain-tab .sorgu-alani input[type="text"] {
        width: calc(100% - 110px) !important;
        height: 48px;
        float: left;
        border-radius: 10px 0 0 10px;
    }

    .domain-tab .sorgu-alani button {
        width: 110px !important;
        height: 48px;
        float: left;
        font-size: 13px;
    }

    .domain-tab .domain-banner {
        display: none;
    }

}

@media (max-width: 767px) {

    .domain-tab .sorgu-alani .domain-liste ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .domain-tab .sorgu-alani .domain-liste ul li {
        float: none !important;
        min-width: 0 !important;
        width: auto !important;
        margin: 0 !important;
        font-size: 14px;
    }

}

@media (max-width: 767px) {

    .hosting-paketleri .item {
        min-width: 0 !important;
        width: 100%;
    }

    .hosting-paketleri .item .paket {
        width: 100% !important;
        float: none !important;
        margin: 0 auto;
    }

    .hosting-paketleri .owl-prev {
        margin-left: 0 !important;
    }

    .hosting-paketleri .owl-next {
        margin-right: 0 !important;
    }

}

/* =========================================================
   MEDYABIM MOBIL - 2. ASAMA DUZELTMELERI
   ========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       GENEL
       ===================================================== */

    body {
        overflow-x: hidden !important;
    }

    h1,
    h2,
    h3,
    h4,
    p {
        max-width: 100%;
        overflow-wrap: break-word;
    }


    /* =====================================================
       UST 4 BILGI KUTUSU
       ===================================================== */

    .main-info .container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        padding: 0 15px !important;
    }

    .main-info .col {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 20px 10px !important;
        min-height: 180px;
        text-align: center !important;
        border-left: 0 !important;
        border-bottom: 1px solid #e7e8e8;
    }

    .main-info .col img {
        float: none !important;
        display: block !important;
        margin: 0 auto 12px !important;
        width: auto !important;
        max-width: 65px !important;
    }

    .main-info .col h4 {
        float: none !important;
        width: 100% !important;
        margin: 5px 0 !important;
        text-align: center !important;
    }

    .main-info .col p {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
    }


    /* =====================================================
       DOMAIN TABLARI
       ===================================================== */

    .domain-tab-menu {
        height: auto !important;
        overflow: visible !important;
    }

    .domain-tab-menu .container {
        padding: 0 !important;
    }

    .domain-tab-menu .nav-tabs {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        width: 100% !important;
        min-width: 0 !important;
        border: 0 !important;
    }

    .domain-tab-menu .nav-tabs > li {
        width: 100% !important;
        height: auto !important;
        float: none !important;
        margin: 0 !important;
        border: 1px solid #d3d9dc !important;
    }

    .domain-tab-menu .nav-tabs > li > a {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 5px;
        min-height: 52px;
        width: 100% !important;
        padding: 8px 5px !important;
        line-height: 18px !important;
        white-space: normal !important;
        text-align: center !important;
        font-size: 13px !important;
    }


    /* DOMAIN ICERIK TABLARIN ALTINDAN BASLASIN */

    .domain-tab .tab-content {
        clear: both !important;
        padding-top: 20px !important;
    }

    .domain-tab .sorgu-alani {
        width: 100% !important;
        float: none !important;
        padding: 0 15px !important;
    }

    .domain-tab .sorgu-alani h1 {
        width: 100% !important;
        float: none !important;
        font-size: 25px !important;
        line-height: 1.25 !important;
        margin: 10px 0 !important;
        text-align: center !important;
    }

    .domain-tab .sorgu-alani > p {
        width: 100% !important;
        float: none !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
        margin: 8px 0 18px !important;
        text-align: center !important;
    }


    /* DOMAIN INPUT + BUTON */

    .domain-tab .sorgu-alani input[type="text"] {
        width: 100% !important;
        float: none !important;
        display: block !important;
        height: 52px !important;
        border: 4px solid #70a0ff !important;
        border-radius: 12px !important;
        margin: 0 0 10px !important;
    }

    .domain-tab .sorgu-alani > button {
        width: 100% !important;
        float: none !important;
        display: block !important;
        height: 52px !important;
        border-radius: 10px !important;
        border: 4px solid #5189f936 !important;
        margin-bottom: 18px !important;
    }


    /* DOMAIN UZANTILARI */

    .domain-tab .domain-liste {
        width: 100% !important;
        float: none !important;
    }

    .domain-tab .domain-liste ul {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px 6px !important;
        width: 100% !important;
        padding: 0 !important;
    }

    .domain-tab .domain-liste ul li {
        width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
        font-size: 13px !important;
        white-space: nowrap;
    }


    /* =====================================================
       DOMAIN FIYAT SLIDER
       ===================================================== */

    .domain-fiyat-slide {
        padding: 20px 0 !important;
    }

    .domain-fiyat-slide .item {
        text-align: center;
    }

    .domain-fiyat-slide .item img {
        float: none !important;
        display: inline-block !important;
        max-height: 40px;
    }

    .domain-fiyat-slide .fiyatlar {
        float: none !important;
        display: inline-block !important;
        vertical-align: middle;
    }


    /* =====================================================
       HOSTING BOLUMU
       ===================================================== */

    .hosting-paketleri h1 {
        font-size: 32px !important;
        line-height: 1.2;
    }

    .hosting-paketleri p {
        font-size: 20px !important;
        line-height: 1.35;
        padding: 0 15px;
    }

    .hosting-tab-menu {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 5px;
    }

    .hosting-tab-menu .nav-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        min-width: 100% !important;
    }

    .hosting-tab-menu .nav-tabs > li {
        flex: 0 0 auto !important;
        width: auto !important;
    }

    .hosting-tab-menu .nav-tabs > li > a {
        white-space: nowrap !important;
        min-width: 180px;
        text-align: center;
    }

    .hosting-paketleri .item {
        min-width: 0 !important;
        width: 100% !important;
        padding: 0 5px;
    }

    .hosting-paketleri .item .paket {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin: 0 auto !important;
    }

    .hosting-paketleri .owl-prev {
        margin-left: 0 !important;
        left: 0;
    }

    .hosting-paketleri .owl-next {
        margin-right: 0 !important;
        right: 0;
    }


    /* =====================================================
       "HANGI PAKETI..." BOLUMU
       ===================================================== */

    .main-bilgi {
        padding: 25px 15px !important;
    }

    .main-bilgi h3 {
        width: 100% !important;
        max-width: 100% !important;
        font-size: 23px !important;
        line-height: 1.4 !important;
        margin: 0 auto !important;
        text-align: center !important;
    }


    /* =====================================================
       DATA CENTER
       ===================================================== */

    .main-data-center {
        overflow: hidden !important;
        padding: 30px 15px !important;
    }

    .main-data-center h1 {
        float: none !important;
        font-size: 25px !important;
        line-height: 1.25 !important;
    }

    .main-data-center p {
        float: none !important;
        font-size: 20px !important;
        line-height: 1.3 !important;
    }

    .data-center-banner {
        width: 100% !important;
        float: none !important;
        margin: 0 0 25px !important;
        text-align: center;
    }

    .data-center-banner img {
        max-width: 100% !important;
        height: auto !important;
    }

    .data-center-slide {
        width: 100% !important;
        float: none !important;
    }


    /* =====================================================
       HAZIR SITE
       ===================================================== */

    .hazir-site-main {
        overflow: hidden !important;
        background-position: center center !important;
        background-size: cover !important;
        padding: 30px 15px !important;
    }

    .hazir-site-icerik {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
    }

    .hazir-site-icerik .ozellik {
        width: 100% !important;
        float: none !important;
        margin-top: 0 !important;
    }

    .hazir-site-icerik .ozellik ul {
        width: 100% !important;
        max-width: 100% !important;
        margin: 20px 0 !important;
        padding: 0 !important;
    }

    .hazir-site-icerik .ozellik li {
        width: 100% !important;
        float: none !important;
        font-size: 15px !important;
        line-height: 28px !important;
    }

    .hazirsite-incele-buton {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        margin: 20px 0 !important;
    }

    .hazirsite-incele-buton img {
        float: none !important;
        display: block !important;
        width: 100% !important;
        max-width: 520px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    .hazir-site-main .son-siteler {
        width: 100% !important;
        float: none !important;
        overflow-x: auto;
        margin-top: 20px !important;
    }

    .hazir-site-main .son-siteler ul {
        display: flex !important;
        width: max-content !important;
        padding: 0;
    }

    .hazir-site-main .son-siteler li {
        float: none !important;
        flex: 0 0 auto;
    }


    /* =====================================================
       NEWSLETTER
       ===================================================== */

    .newsletter {
        padding: 25px 15px !important;
    }

    .newsletter .aciklama {
        width: 100% !important;
        float: none !important;
        text-align: center;
    }

    .newsletter .icon {
        float: none !important;
        display: block !important;
        margin: 0 auto 10px !important;
    }

    .newsletter .aciklama h4 {
        font-size: 24px !important;
        line-height: 1.2;
    }

    .newsletter .aciklama p {
        font-size: 14px !important;
        line-height: 1.4;
    }

    .newsletter .form {
        width: 100% !important;
        float: none !important;
        margin-top: 20px !important;
    }

    .newsletter .form input {
        width: 100% !important;
        float: none !important;
        display: block !important;
        border-radius: 10px !important;
    }

    .newsletter .form button {
        width: 100% !important;
        float: none !important;
        display: block !important;
        margin-top: 10px !important;
        border-radius: 10px !important;
    }


    /* =====================================================
       FOOTER
       ===================================================== */

    .medyabim-site-footer {
        padding: 30px 15px !important;
        background-size: cover !important;
        overflow: hidden !important;
    }

    .medyabim-site-footer .container {
        display: grid !important;
        grid-template-columns: 1fr !important;
        padding: 0 !important;
    }

    .medyabim-site-footer .col {
        width: 100% !important;
        float: none !important;
        margin: 0 0 25px !important;
    }

    .medyabim-site-footer .col h3 {
        float: none !important;
        font-size: 22px !important;
        margin-bottom: 12px !important;
    }

    .medyabim-site-footer .col li {
        float: none !important;
        line-height: 30px !important;
    }

    .medyabim-site-footer .col li a {
        font-size: 15px !important;
    }

    .medyabim-site-footer img {
        max-width: 100% !important;
        height: auto !important;
    }

    .copyright {
        width: 100% !important;
        padding: 12px 15px !important;
        text-align: center !important;
        font-size: 14px !important;
        line-height: 1.5 !important;
        overflow-wrap: break-word;
    }

}

@media (max-width: 767px) {

    /* ==========================================
       1. MAIN INFO - DÜZGÜN 2x2
       ========================================== */

    .main-info .container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 !important;
    }

    .main-info .col {
        position: static !important;
        left: auto !important;
        right: auto !important;
        clear: none !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 20px 10px !important;
    }

    .main-info .col:nth-child(1),
    .main-info .col:nth-child(2),
    .main-info .col:nth-child(3),
    .main-info .col:nth-child(4) {
        grid-column: auto !important;
        grid-row: auto !important;
    }


    /* ==========================================
       2. DOMAIN TABLARI DAHA KOMPAKT
       ========================================== */

    .domain-tab-menu .nav-tabs {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .domain-tab-menu .nav-tabs > li > a {
        min-height: 46px !important;
        padding: 6px 4px !important;
        font-size: 12px !important;
        line-height: 16px !important;
    }

    .domain-tab .sorgu-alani h1 {
        font-size: 22px !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }


    /* ==========================================
       3. HOSTING BAŞLIK
       ========================================== */

    .hosting-paketleri {
        overflow: hidden !important;
    }

    .hosting-paketleri h1 {
        font-size: 30px !important;
        line-height: 1.15 !important;
        padding: 0 12px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        white-space: normal !important;
    }

    .hosting-paketleri p {
        font-size: 17px !important;
        line-height: 1.35 !important;
        padding: 0 20px !important;
        white-space: normal !important;
    }


    /* ==========================================
       4. HOSTING TAB MENÜ
       ========================================== */

    .hosting-tab-menu {
        width: 100% !important;
        overflow-x: auto !important;
    }

    .hosting-tab-menu .nav-tabs {
        width: max-content !important;
        min-width: 100% !important;
        margin: 15px 0 !important;
        float: none !important;
        display: flex !important;
        flex-wrap: nowrap !important;
    }

    .hosting-tab-menu .nav-tabs > li {
        flex: 0 0 auto !important;
    }

    .hosting-tab-menu .nav-tabs > li > a {
        min-width: 170px !important;
        padding: 0 15px !important;
    }


    /* ==========================================
       5. HOSTING KARTI
       ========================================== */

    .hosting-paketleri .owl-stage-outer {
        overflow: hidden !important;
    }

    .hosting-paketleri .item {
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 15px !important;
    }

    .hosting-paketleri .item .paket {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .hosting-paketleri .item .paket li {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

    .hosting-paketleri .item .paket select,
    .hosting-paketleri .ekle-buton {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }


    /* ==========================================
       6. ANA ARA BAŞLIKLAR
       ========================================== */

    .main-bilgi {
        overflow: hidden !important;
    }

    .main-bilgi h3 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        font-size: 22px !important;
        line-height: 1.35 !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        box-sizing: border-box !important;
    }


    /* ==========================================
       7. DATA CENTER
       ========================================== */

    .main-data-center h1 {
        font-size: 24px !important;
        line-height: 1.25 !important;
        padding: 0 10px !important;
    }

    .main-data-center p {
        font-size: 17px !important;
        padding: 0 15px !important;
    }


    /* ==========================================
       8. HAZIR SITE
       ========================================== */

    .hazir-site-icerik {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }

    .hazir-site-icerik h1,
    .hazir-site-icerik h2,
    .hazir-site-icerik h3,
    .hazir-site-icerik p {
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

    .hazir-site-icerik .ozellik ul {
        width: 100% !important;
        max-width: 100% !important;
    }

    .hazirsite-incele-buton img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    .hazir-site-main .son-siteler {
        overflow-x: auto !important;
    }


    /* ==========================================
       9. NEWSLETTER
       ========================================== */

    .newsletter {
        overflow: hidden !important;
    }

    .newsletter .container {
        padding: 0 15px !important;
    }

    .newsletter .aciklama {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .newsletter .aciklama h4,
    .newsletter .aciklama p {
        width: 100% !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

    .newsletter .form {
        width: 100% !important;
        max-width: 100% !important;
    }

}

/* =========================================================
   MOBIL GRID CLEARFIX DUZELTMESI
   ========================================================= */

@media (max-width: 767px) {

    /*
     * Bootstrap container/nav clearfix pseudo elementleri
     * CSS Grid içinde görünmez hücre oluşturmasın.
     */

    .main-info .container::before,
    .main-info .container::after,
    .domain-tab-menu .nav-tabs::before,
    .domain-tab-menu .nav-tabs::after,
    .hosting-tab-menu .nav-tabs::before,
    .hosting-tab-menu .nav-tabs::after {
        content: none !important;
        display: none !important;
    }


    /* ==========================================
       UST BILGI KUTULARI
       ========================================== */

    .main-info .container {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        padding: 0 15px !important;
    }

    .main-info .col {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 160px !important;

        float: none !important;
        clear: none !important;

        margin: 0 !important;
        padding: 20px 10px !important;

        position: static !important;

        border-left: 0 !important;
        border-bottom: 1px solid #e7e8e8;

        text-align: center !important;
    }

    .main-info .col img {
        display: block !important;
        float: none !important;

        width: auto !important;
        max-width: 60px !important;

        margin: 0 auto 12px !important;
    }

    .main-info .col h4 {
        float: none !important;
        margin: 5px 0 !important;
        text-align: center !important;
    }

    .main-info .col p {
        float: none !important;
        margin: 0 !important;
        text-align: center !important;
    }


    /* ==========================================
       DOMAIN MENU
       ========================================== */

    .domain-tab-menu {
        height: auto !important;
    }

    .domain-tab-menu .container {
        padding: 0 !important;
    }

    .domain-tab-menu .nav-tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        width: 100% !important;
        min-width: 0 !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    .domain-tab-menu .nav-tabs > li {
        width: 100% !important;
        height: auto !important;

        float: none !important;

        margin: 0 !important;
    }

    .domain-tab-menu .nav-tabs > li > a {
        display: flex !important;

        align-items: center;
        justify-content: center;

        width: 100% !important;
        min-height: 50px !important;

        padding: 8px 4px !important;

        line-height: 17px !important;
        text-align: center !important;

        font-size: 13px !important;

        box-sizing: border-box !important;
    }


    /* ==========================================
       HOSTING CAROUSEL
       Owl genislik hesabina DOKUNMUYORUZ
       ========================================== */

    .hosting-paketleri .owl-stage-outer {
        width: 100% !important;
        overflow: hidden !important;
    }

    .hosting-paketleri .item {
        min-width: 0 !important;
        box-sizing: border-box !important;

        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .hosting-paketleri .item .paket {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        margin: 0 auto !important;

        box-sizing: border-box !important;
    }

}

@media (max-width: 767px) {

    /* ==========================================
       HOSTING PAKETLERI - MOBIL FINAL DUZELTME
       ========================================== */

    .hosting-paketleri {
        width: 100% !important;
        overflow: hidden !important;
    }

    .hosting-paketleri .tab-content {
        width: 100% !important;
        overflow: hidden !important;
    }

	.hosting-paketleri .owl-carousel {
        width: 100% !important;
        max-width: 100% !important;
    }

    .hosting-paketleri .owl-stage-outer {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
    }

    /*
     * Çok önemli:
     * Owl Carousel .owl-stage genişliğini JS ile kendi hesaplasın.
     */
    .hosting-paketleri .owl-stage {
        max-width: none !important;
    }


    /* Kart kapsayıcı */
    .hosting-paketleri .item {
        width: auto !important;
        min-width: 0 !important;

        padding: 0 15px !important;
        margin: 0 !important;

        box-sizing: border-box !important;
    }


    /* Gerçek paket kartı */
    .hosting-paketleri .item .paket {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        display: block !important;

        margin: 0 auto !important;
        padding: 15px !important;

        background: #fff !important;

        border: 4px solid #7d8696 !important;
        border-radius: 8px !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    /* Eski float mantığını tamamen kapat */
    .hosting-paketleri .item .paket li {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;
        clear: both !important;

        display: block !important;

        height: auto !important;
        min-height: 42px;

        padding: 7px 5px !important;
        margin: 0 !important;

        line-height: 28px !important;

        border-bottom: 1px solid #e7e7e7 !important;

        text-align: center !important;

        font-size: 14px !important;
        color: #252e3f !important;

        box-sizing: border-box !important;

        white-space: normal !important;
        overflow-wrap: break-word !important;
    }


    /* Paket adı */
    .hosting-paketleri .item .paket .paket-adi {
        font-size: 20px !important;
        line-height: 1.3 !important;

        padding: 12px 5px !important;

        min-height: auto !important;
    }


    /* Fiyat alanı */
    .hosting-paketleri .item .paket li .ortala {
        width: 100% !important;

        display: flex !important;
        align-items: baseline !important;
        justify-content: center !important;
        gap: 5px;

        margin: 0 !important;

        font-weight: bold;
    }


    /* Select */
    .hosting-paketleri .item .paket li select,
    .hosting-paketleri .sure-secimi,
    .hosting-paketleri .paket-pricing {
        width: 100% !important;
        max-width: 100% !important;

        height: 48px !important;

        float: none !important;

        display: block !important;

        padding: 0 10px !important;

        box-sizing: border-box !important;
    }


    /* Sepete ekle */
    .hosting-paketleri .ekle-buton {
        width: 100% !important;

        float: none !important;

        display: block !important;

        height: 48px !important;

        line-height: 48px !important;

        margin: 10px 0 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* Carousel oklarını kartın içine al */
    .hosting-paketleri .owl-nav {
        width: 100% !important;

        position: absolute !important;

        top: 45% !important;
        left: 0 !important;

        pointer-events: none;
    }

    .hosting-paketleri .owl-prev,
    .hosting-paketleri .owl-next {
        width: 38px !important;
        height: 60px !important;

        margin: 0 !important;

        pointer-events: auto;

        font-size: 32px !important;
    }

    .hosting-paketleri .owl-prev {
        position: absolute !important;
        left: 0 !important;
    }

    .hosting-paketleri .owl-next {
        position: absolute !important;
        right: 0 !important;
    }

}

@media (max-width: 767px) {

    .hosting-paketleri h1 {
        font-size: 24px !important;
        line-height: 1.2 !important;
        margin-bottom: 6px !important;
    }

    .hosting-paketleri p {
        font-size: 14px !important;
        line-height: 1.35 !important;
        padding: 0 12px !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

    .hosting-tab-menu {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .hosting-tab-menu::-webkit-scrollbar {
        display: none;
    }

    .hosting-tab-menu .nav-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: max-content !important;
        min-width: 100% !important;
        margin: 10px 0 15px !important;
    }

    .hosting-tab-menu .nav-tabs > li {
        flex: 0 0 auto !important;
    }

    .hosting-tab-menu .nav-tabs > li > a {
        min-width: 155px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
        text-align: center !important;
        white-space: nowrap !important;
    }

    .hosting-paketleri .item {
        padding: 0 8px !important;
    }

    .hosting-paketleri .owl-prev,
    .hosting-paketleri .owl-next {
        top: 42% !important;
        width: 30px !important;
        height: 52px !important;
        font-size: 26px !important;
    }
}

@media (max-width: 767px) {

    /* Masaüstü ana menüyü mobilde tamamen gizle */
    .order-navbar-wrapper .header-menu {
        display: none !important;
    }

    /* Masaüstü sepet butonunu da gizle */
    .order-navbar-wrapper .header-sepet {
        display: none !important;
    }

    /* Navbar üst kısmı */
    .order-navbar-wrapper header {
        width: 100% !important;
        background: #0d1222 !important;
    }

    .order-navbar-wrapper header .container {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }
}

.mobile-header-actions,
.mobile-header-menu {
    display: none;
}

@media (max-width: 767px) {

    .mobile-header-actions {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;

        padding: 8px 12px;
        background: #0d1222;
    }

    .mobile-header-cart,
    .mobile-header-menu-btn {
        width: 42px;
        height: 42px;

        display: flex;
        align-items: center;
        justify-content: center;

        border: 0;
        border-radius: 6px;

        color: white !important;
        font-size: 18px;
    }

    .mobile-header-cart {
        background: linear-gradient(135deg, #e54b64, #9d55dc);
    }

    .mobile-header-menu-btn {
        background: #252e3f;
    }

    .mobile-header-menu {
        display: none;
        width: 100%;

        background: white;
        border-top: 1px solid #ddd;
        box-shadow: 0 6px 16px rgba(0,0,0,.12);
    }

    .mobile-header-menu.open {
        display: block;
    }

    .mobile-header-menu a {
        display: flex;
        align-items: center;
        gap: 10px;

        width: 100%;
        min-height: 46px;

        padding: 0 15px;

        border-bottom: 1px solid #eee;

        color: #252e3f !important;
        text-decoration: none !important;
        font-size: 14px;
        font-weight: 600;

        box-sizing: border-box;
    }

    .mobile-header-menu a i {
        width: 20px;
        text-align: center;
        color: #5189f9;
    }
}

/* =========================================================
   HOSTING SAYFASI - MOBIL RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {

    .hosting-sayfasi {
        width: 100% !important;
        overflow-x: hidden !important;
    }

    /* ==========================
       BANNER
       ========================== */

    .hosting-sayfasi .sayfa-banner {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        float: none !important;

        background-position: center center !important;
        background-size: cover !important;

        padding: 35px 15px 30px !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }

    .hosting-sayfasi .sayfa-banner .container {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    .hosting-sayfasi .sayfa-banner .left {
        width: 100% !important;

        float: none !important;

        padding-top: 0 !important;

        position: relative !important;

        text-align: left !important;

        box-sizing: border-box !important;
    }

    .hosting-sayfasi .sayfa-banner .left h2 {
        font-size: 14px !important;
        line-height: 1.3 !important;

        margin: 0 0 6px !important;
    }

    .hosting-sayfasi .sayfa-banner .left h1 {
        font-size: 30px !important;
        line-height: 1.1 !important;

        margin: 0 0 14px !important;

        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

    .hosting-sayfasi .sayfa-banner .left p {
        width: 100% !important;

        font-size: 15px !important;
        line-height: 1.4 !important;

        margin: 8px 0 !important;

        white-space: normal !important;
    }

    .hosting-sayfasi .sayfa-banner .left span {
        float: none !important;

        display: block !important;

        margin: 8px 0 !important;

        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    /* Sağdaki kampanya görseli mobilde alta gelsin */
    .hosting-sayfasi .sayfa-banner .right {
        width: 100% !important;

        float: none !important;

        margin: 20px 0 0 !important;

        text-align: center !important;

        position: relative !important;
    }

    .hosting-sayfasi .sayfa-banner .right img {
        display: block !important;

        width: auto !important;
        max-width: 220px !important;
        height: auto !important;

        margin: 0 auto !important;
    }


    /* ==========================
       TABLAR
       ========================== */

    .hosting-sayfasi .paket-tabs {
        width: 100% !important;

        display: flex !important;
        justify-content: center !important;

        gap: 8px !important;

        margin: 15px 0 !important;

        padding: 0 12px !important;

        box-sizing: border-box !important;
    }

    .hosting-sayfasi .paket-tabs .paket-tab {
        flex: 1 1 0 !important;

        width: auto !important;
        max-width: 180px !important;

        padding: 10px 8px !important;

        font-size: 13px !important;

        white-space: nowrap !important;
    }


    /* ==========================
       PAKET GRID
       ========================== */

    .hosting-sayfasi .paketler-bg {
        width: 100% !important;

        padding: 20px 10px !important;

        box-sizing: border-box !important;
    }

    .hosting-sayfasi .paketler-bg .container {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;

        box-sizing: border-box !important;
    }

    .hosting-sayfasi .paket-v1.paket-grid {
        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 16px !important;

        width: 100% !important;
    }

    .hosting-sayfasi .paket-v1.paket-grid .paket {
        width: 100% !important;
        max-width: 100% !important;

        min-height: 0 !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }

    .hosting-sayfasi .paket-v1.paket-grid .paket li {
        width: 100% !important;

        box-sizing: border-box !important;

        white-space: normal !important;
        overflow-wrap: break-word !important;
    }

}

/* =========================================================
   MOBIL HEADER - FINAL HIZALAMA
   ========================================================= */

@media (max-width: 767px) {

    .medyabim-header {
        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #0b1222 !important;
    }

    .medyabim-header .top {
        width: 100% !important;
        height: 60px !important;
        min-height: 60px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #0b1222 !important;
    }

    .medyabim-header .top .container {
        width: 100% !important;
        max-width: 100% !important;
        height: 60px !important;

        display: flex !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 0 10px !important;

        box-sizing: border-box !important;
    }


    /* =========================================
       LOGO + BUTONLAR TEK SATIR
       ========================================= */

    .medyabim-header .mb-top-left {
        width: 100% !important;
        height: 60px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        float: none !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* LOGO */

    .medyabim-header .mb-top-logo {
        display: flex !important;
        align-items: center !important;

        flex: 1 1 auto !important;

        width: auto !important;
        max-width: calc(100% - 100px) !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .medyabim-header .mb-top-logo img {
        display: block !important;

        width: auto !important;
        max-width: 190px !important;
        height: auto !important;
        max-height: 44px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* MOBILDE TELEFON YOK */

    .medyabim-header .destek {
        display: none !important;
    }

    .medyabim-header .login {
        display: none !important;
    }


    /* =========================================
       SEPET + HAMBURGER
       ========================================= */

    .medyabim-header .mobile-header-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        flex: 0 0 auto !important;

        width: auto !important;
        height: 42px !important;

        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;

        float: none !important;

        gap: 7px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        box-sizing: border-box !important;
    }


    .medyabim-header .mobile-header-cart,
    .medyabim-header .mobile-header-menu-btn {
        width: 40px !important;
        min-width: 40px !important;

        height: 40px !important;
        min-height: 40px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: static !important;

        float: none !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 6px !important;

        box-sizing: border-box !important;
    }


    .medyabim-header .mobile-header-cart {
        color: #fff !important;

        background: linear-gradient(
            135deg,
            #e54b64,
            #a754d7
        ) !important;

        font-size: 17px !important;

        text-decoration: none !important;
    }


    .medyabim-header .mobile-header-menu-btn {
        color: #fff !important;

        background: #252e3f !important;

        font-size: 18px !important;
    }


    /* ÇIKINTI / FAZLADAN ALAN OLUŞMASIN */

    .medyabim-header .mobile-header-actions::before,
    .medyabim-header .mobile-header-actions::after {
        display: none !important;
        content: none !important;
    }

}

@media (max-width: 767px) {

    /* Eski masaüstü navbar alanı mobilde yer kaplamasın */
    .order-navbar-wrapper {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
    }

    .order-navbar-wrapper > header {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
    }

    /* Masaüstü navbar kapsayıcısını mobilde tamamen kaldır */
    .order-navbar-wrapper .medyabim-nav-container {
        display: none !important;
    }

    /* Mobil menü kapalıyken hiçbir yükseklik bırakmasın */
    .order-navbar-wrapper .mobile-header-menu {
        display: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Hamburger açıldığında tekrar görünsün */
    .order-navbar-wrapper .mobile-header-menu.open {
        display: block !important;
    }

}

/* =========================================================
   DATACENTER / SERVER PAGE - MOBILE
   ========================================================= */

@media (max-width: 767px) {

    /* Sayfanın dışarı taşmasını engelle */
    .server-page {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .server-page .container {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }


    /* =========================
       BANNER
       ========================= */

    .server-page .sayfa-banner {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        padding: 35px 0 30px !important;

        background-size: cover !important;
        background-position: center !important;

        overflow: hidden !important;
    }

    .server-page .sayfa-banner .container {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
    }

    .server-page .sayfa-banner .left {
        width: 100% !important;

        float: none !important;

        padding-top: 0 !important;

        box-sizing: border-box !important;
    }

    .server-page .sayfa-banner .left h2 {
        font-size: 16px !important;
        line-height: 1.3 !important;

        margin-bottom: 7px !important;
    }

    .server-page .sayfa-banner .left h1 {
        width: 100% !important;

        font-size: 30px !important;
        line-height: 1.12 !important;

        overflow-wrap: anywhere !important;
        word-break: normal !important;

        margin: 0 0 18px !important;
    }

    .server-page .sayfa-banner .left p {
        width: 100% !important;

        font-size: 16px !important;
        line-height: 1.45 !important;

        margin: 0 0 18px !important;
    }

    .server-page .sayfa-banner .left span {
        display: block !important;

        width: 100% !important;

        float: none !important;

        margin: 8px 0 !important;

        font-size: 14px !important;
        line-height: 1.4 !important;
    }


    /* Sağdaki sunucu görseli */

    .server-page .sayfa-banner .right {
        width: 100% !important;

        float: none !important;

        margin: 20px 0 0 !important;

        text-align: center !important;
    }

    .server-page .sayfa-banner .right img {
        display: block !important;

        width: auto !important;
        max-width: 260px !important;
        height: auto !important;

        margin: 0 auto !important;
    }


    /* =========================
       PAKET TABLARI
       ========================= */

    .server-page .paket-tabs {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;

        gap: 5px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .server-page .paket-tabs .paket-tab {
        width: 100% !important;

        padding: 12px 5px !important;

        border-radius: 0 !important;

        font-size: 13px !important;
        line-height: 1.25 !important;

        white-space: normal !important;

        box-sizing: border-box !important;
    }


    /* =========================
       SERVER KARTLARI
       ========================= */

    .server-page .paketler-bg {
        width: 100% !important;
        padding: 25px 0 !important;
    }

    .server-page .paket-v2.paket-grid {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: 1fr !important;

        gap: 22px !important;

        float: none !important;
    }

    .server-page .paket-v2 .paket,
    .server-page .paket-v2.paket-grid .paket {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }

    .server-page .paket-v2 .paket li {
        width: 100% !important;

        float: none !important;

        height: auto !important;
        min-height: 44px !important;

        line-height: 1.35 !important;

        padding: 12px 10px !important;

        box-sizing: border-box !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .server-page .paket-v2 .paket .paket-adi {
        width: 100% !important;

        height: auto !important;
        min-height: 54px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        float: none !important;

        padding: 12px 10px !important;

        line-height: 1.3 !important;

        box-sizing: border-box !important;
    }


    /* Fiyat */

    .server-page .price-box {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;

        width: 100% !important;

        margin: 0 auto !important;
    }


    /* Süre select */

    .server-page .paket-select,
    .server-page .paket-v2 .paket li select {
        display: block !important;

        width: calc(100% - 20px) !important;
        max-width: 320px !important;

        height: 44px !important;

        float: none !important;

        margin: 5px auto !important;

        box-sizing: border-box !important;
    }


    /* Sepete ekle */

    .server-page .dc-action {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .server-page .paket-v2 .ekle-buton {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 170px !important;

        height: 44px !important;

        float: none !important;

        margin: 0 auto !important;

        padding: 0 18px !important;

        line-height: 44px !important;

        box-sizing: border-box !important;
    }


    /* =========================
       AÇIKLAMA SLIDER
       ========================= */

    .server-page .kiralik-sunucu-aciklama {
        width: 100% !important;

        padding: 25px 0 !important;

        overflow: hidden !important;
    }

    .server-page .dc-slider-wrapper {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 5px !important;

        box-sizing: border-box !important;
    }

    .server-page .dc-slider {
        width: 100% !important;
    }

    .server-page .dc-slide {
        width: 100% !important;

        padding: 25px 20px !important;

        box-sizing: border-box !important;
    }

    .server-page .dc-slide h2 {
        font-size: 22px !important;
        line-height: 1.3 !important;

        overflow-wrap: anywhere !important;
    }

    .server-page .dc-slide p,
    .server-page .dc-slide li {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    .server-page .dc-slide-bg {
        width: 100% !important;

        height: 300px !important;
        min-height: 300px !important;

        background-size: contain !important;
    }

    .server-page .dc-nav {
        width: 42px !important;
        height: 42px !important;

        font-size: 16px !important;
    }

    .server-page .dc-nav.prev {
        left: 5px !important;
    }

    .server-page .dc-nav.next {
        right: 5px !important;
    }


    /* =========================
       FAQ / ALT TAB
       ========================= */

    .server-page .sayfa-ici-tab {
        width: 100% !important;

        float: none !important;

        box-sizing: border-box !important;
    }

    .server-page .sayfa-ici-tab .nav-tabs {
        display: flex !important;

        width: 100% !important;

        overflow-x: auto !important;
        flex-wrap: nowrap !important;
    }

    .server-page .sayfa-ici-tab .nav-tabs li {
        flex: 0 0 auto !important;
    }

    .server-page .sayfa-ici-tab .nav-tabs li a {
        white-space: nowrap !important;

        font-size: 13px !important;

        padding: 10px 12px !important;
    }

    .server-page #accordion .card-header button {
        width: 100% !important;

        white-space: normal !important;

        text-align: left !important;

        font-size: 14px !important;
        line-height: 1.4 !important;
    }


    /* =========================
       NEWSLETTER
       ========================= */

    .server-page .newsletter .container {
        display: block !important;
    }

    .server-page .newsletter .aciklama,
    .server-page .newsletter .form {
        width: 100% !important;

        float: none !important;

        box-sizing: border-box !important;
    }

    .server-page .newsletter .form {
        margin-top: 15px !important;
    }

    .server-page .newsletter .form input {
        width: 100% !important;

        float: none !important;

        margin: 0 0 10px !important;

        box-sizing: border-box !important;
    }

    .server-page .newsletter .form button {
        width: 100% !important;

        float: none !important;

        margin: 0 !important;
    }


    /* =========================
       FOOTER
       ========================= */

    .server-page .footer .container {
        display: block !important;
    }

    .server-page .footer .col {
        width: 100% !important;

        float: none !important;

        margin-bottom: 25px !important;

        box-sizing: border-box !important;
    }

    .server-page .footer img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* =========================================================
   SSL SAYFASI - MOBIL RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {

    /* GLOBAL SSL SAYFASI */
    .ssl-page {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .ssl-page .container {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: 15px !important;
        padding-right: 15px !important;

        margin-left: auto !important;
        margin-right: auto !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       BANNER
       ===================================================== */

    .ssl-page .sayfa-banner {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 30px 0 !important;

        background-size: cover !important;
        background-position: center !important;

        overflow: hidden !important;
    }

    .ssl-page .sayfa-banner .container {
        display: flex !important;
        flex-direction: column !important;
    }


    /* SOL METIN */

    .ssl-page .sayfa-banner .left {
        width: 100% !important;

        float: none !important;

        padding-top: 0 !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }

    .ssl-page .sayfa-banner .left h2 {
        font-size: 16px !important;
        line-height: 1.3 !important;

        margin: 0 0 6px !important;
    }

    .ssl-page .sayfa-banner .left h1 {
        width: 100% !important;

        font-size: 30px !important;
        line-height: 1.15 !important;

        margin: 0 0 16px !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .ssl-page .sayfa-banner .left p {
        width: 100% !important;

        font-size: 15px !important;
        line-height: 1.5 !important;

        margin: 0 0 15px !important;
    }

    .ssl-page .sayfa-banner .left span {
        display: block !important;

        width: 100% !important;

        float: none !important;

        margin: 7px 0 !important;

        font-size: 14px !important;
        line-height: 1.4 !important;
    }


    /* SAĞ GÖRSEL */

    .ssl-page .sayfa-banner .right {
        width: 100% !important;

        float: none !important;

        margin: 20px 0 0 !important;

        text-align: center !important;
    }

    .ssl-page .sayfa-banner .right img {
        display: block !important;

        width: auto !important;
        max-width: 260px !important;
        height: auto !important;

        margin: 0 auto !important;
    }


    /* =====================================================
       SSL / EMAIL / SERVER TABLARI
       ===================================================== */

    .ssl-page .paket-tabs {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;

        gap: 5px !important;

        margin: 0 !important;
        padding: 10px 5px !important;

        box-sizing: border-box !important;
    }

    .ssl-page .paket-tabs .paket-tab {
        width: 100% !important;
        min-width: 0 !important;

        padding: 10px 4px !important;

        font-size: 11px !important;
        line-height: 1.3 !important;

        white-space: normal !important;

        border-radius: 5px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       PAKETLER
       ===================================================== */

    .ssl-page .paketler-bg {
        width: 100% !important;

        padding: 25px 0 !important;

        box-sizing: border-box !important;
    }

    .ssl-page .paket-v1.paket-grid {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: 1fr !important;

        gap: 22px !important;

        float: none !important;

        box-sizing: border-box !important;
    }

    .ssl-page .paket-v1 .paket,
    .ssl-page .paket-v1.paket-grid .paket {
        width: 100% !important;
        max-width: 100% !important;

        min-height: 0 !important;

        float: none !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }

    .ssl-page .paket-v1 .paket li {
        width: 100% !important;

        float: none !important;

        height: auto !important;
        min-height: 44px !important;

        line-height: 1.4 !important;

        padding: 11px 10px !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;

        box-sizing: border-box !important;
    }


    /* PAKET BAŞLIĞI */

    .ssl-page .paket-v1 .paket .paket-adi {
        width: 100% !important;

        height: auto !important;
        min-height: 58px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        float: none !important;

        padding: 12px !important;

        font-size: 19px !important;
        line-height: 1.3 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* FİYAT */

    .ssl-page .price-box {
        width: 100% !important;

        display: flex !important;
        align-items: flex-start !important;
        justify-content: center !important;

        margin: 0 auto !important;
    }

    .ssl-page .price-value {
        font-size: 36px !important;
        line-height: 1 !important;
    }


    /* SEPETE EKLE */

    .ssl-page .paket li:last-child {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin-top: auto !important;
    }

    .ssl-page .paket-v1 .ekle-buton {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 170px !important;

        height: 44px !important;

        float: none !important;

        margin: 0 auto !important;
        padding: 0 18px !important;

        line-height: 44px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       SSL ÖZELLİKLERİ
       ===================================================== */

    .ssl-page .hosting-ozellikleri {
        width: 100% !important;

        padding: 30px 0 !important;

        box-sizing: border-box !important;
    }

    .ssl-page .hosting-ozellikleri h1 {
        width: 100% !important;

        float: none !important;

        font-size: 28px !important;
        line-height: 1.25 !important;

        text-align: center !important;
    }

    .ssl-page .hosting-ozellikleri > .container > p {
        width: 100% !important;

        float: none !important;

        font-size: 15px !important;
        line-height: 1.5 !important;

        padding: 0 5px !important;

        box-sizing: border-box !important;
    }


    /* Soldaki / ortadaki / sağdaki 3 kolon */

    .ssl-page .hosting-ozellikleri .col-4 {
        width: 100% !important;

        float: none !important;

        margin: 20px 0 !important;

        text-align: left !important;

        box-sizing: border-box !important;
    }

    .ssl-page .hosting-ozellikleri .col-4 ul {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .ssl-page .hosting-ozellikleri .col-4 li {
        width: 100% !important;

        padding: 8px 0 !important;

        line-height: 1.45 !important;

        box-sizing: border-box !important;
    }


    /* Ortadaki server görseli */

    .ssl-page .hosting-ozellikleri .col-4 img {
        display: block !important;

        width: auto !important;
        max-width: 260px !important;
        height: auto !important;

        margin: 0 auto !important;
    }


    /* =====================================================
       ALT TAB / FAQ
       ===================================================== */

    .ssl-page .sayfa-ici-tab {
        width: 100% !important;

        float: none !important;

        box-sizing: border-box !important;
    }

    .ssl-page .sayfa-ici-tab .nav-tabs {
        width: 100% !important;

        display: flex !important;
        flex-wrap: nowrap !important;

        overflow-x: auto !important;

        -webkit-overflow-scrolling: touch;
    }

    .ssl-page .sayfa-ici-tab .nav-tabs li {
        flex: 0 0 auto !important;
    }

    .ssl-page .sayfa-ici-tab .nav-tabs li a {
        white-space: nowrap !important;

        padding: 10px 12px !important;

        font-size: 13px !important;
    }

    .ssl-page #accordion .card-header button {
        width: 100% !important;

        white-space: normal !important;

        text-align: left !important;

        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    .ssl-page #accordion .card-body {
        font-size: 14px !important;
        line-height: 1.55 !important;

        overflow-wrap: anywhere !important;
    }


    /* =====================================================
       NEWSLETTER
       ===================================================== */

    .ssl-page .newsletter .container {
        display: block !important;
    }

    .ssl-page .newsletter .aciklama,
    .ssl-page .newsletter .form {
        width: 100% !important;

        float: none !important;

        box-sizing: border-box !important;
    }

    .ssl-page .newsletter .form {
        margin-top: 15px !important;
    }

    .ssl-page .newsletter .form input {
        width: 100% !important;

        float: none !important;

        margin: 0 0 10px !important;

        box-sizing: border-box !important;
    }

    .ssl-page .newsletter .form button {
        width: 100% !important;

        float: none !important;

        margin: 0 !important;
    }


    /* =====================================================
       FOOTER
       ===================================================== */

    .ssl-page .footer .container {
        display: block !important;
    }

    .ssl-page .footer .col {
        width: 100% !important;

        float: none !important;

        margin: 0 0 25px !important;

        box-sizing: border-box !important;
    }

    .ssl-page .footer img {
        display: block !important;

        max-width: 100% !important;
        height: auto !important;
    }
}

/* =========================================================
   HOSTING SAYFASI - ALT BÖLÜMLER MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .hosting-page {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .hosting-page .domain-fiyat-tablo,
    .hosting-page .newsletter,
    .hosting-page .footer {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    .hosting-page .domain-fiyat-tablo .container,
    .hosting-page .newsletter .container,
    .hosting-page .footer .container {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;
        padding-left: 15px !important;
        padding-right: 15px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       SIKÇA SORULAN SORULAR / FİYATLAR / BİLGİLENDİRME
       ===================================================== */

    .hosting-page .sayfa-ici-tab {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }

    .hosting-page .sayfa-ici-tab .nav-tabs {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr !important;

        margin: 0 !important;
        padding: 0 !important;

        border-bottom: 1px solid #ddd !important;

        box-sizing: border-box !important;
    }

    .hosting-page .sayfa-ici-tab .nav-tabs::before,
    .hosting-page .sayfa-ici-tab .nav-tabs::after {
        content: none !important;
        display: none !important;
    }

    .hosting-page .sayfa-ici-tab .nav-tabs > li {
        width: 100% !important;

        float: none !important;

        margin: 0 !important;
    }

    .hosting-page .sayfa-ici-tab .nav-tabs > li > a {
        width: 100% !important;
        min-height: 54px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 4px !important;

        margin: 0 !important;
        padding: 8px 4px !important;

        font-size: 12px !important;
        line-height: 1.25 !important;

        white-space: normal !important;
        text-align: center !important;

        box-sizing: border-box !important;
    }

    .hosting-page .sayfa-ici-tab .tab-content {
        width: 100% !important;
        max-width: 100% !important;

        padding: 14px !important;

        box-sizing: border-box !important;
    }


    /* ACCORDION */

    .hosting-page #accordion,
    .hosting-page #accordion .card,
    .hosting-page #accordion .card-header,
    .hosting-page #accordion .card-body {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;
    }

    .hosting-page #accordion .card-header h5 {
        width: 100% !important;
        margin: 0 !important;
    }

    .hosting-page #accordion .card-header .btn-link {
        width: 100% !important;

        display: block !important;

        padding: 13px 10px !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;

        text-align: left !important;

        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    .hosting-page #accordion .card-body {
        padding: 15px !important;

        font-size: 13px !important;
        line-height: 1.55 !important;

        overflow-wrap: anywhere !important;
    }

    /* Accordion içindeki iki kolon mobilde alt alta */
    .hosting-page .hosting-ozellikler {
        width: 100% !important;

        display: block !important;
    }

    .hosting-page .hosting-ozellik-col {
        width: 100% !important;

        float: none !important;

        margin: 0 0 15px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       HABER BÜLTENİ
       ===================================================== */

    .hosting-page .newsletter {
        padding: 30px 0 !important;
    }

    .hosting-page .newsletter .container {
        display: block !important;
    }

    .hosting-page .newsletter .aciklama {
        width: 100% !important;

        float: none !important;

        margin: 0 0 20px !important;

        padding: 0 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }

    .hosting-page .newsletter .aciklama .icon {
        float: none !important;

        width: auto !important;

        margin: 0 auto 10px !important;

        text-align: center !important;
    }

    .hosting-page .newsletter .aciklama h4 {
        width: 100% !important;

        margin: 8px 0 !important;

        font-size: 24px !important;
        line-height: 1.2 !important;
    }

    .hosting-page .newsletter .aciklama p {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 10px !important;

        font-size: 13px !important;
        line-height: 1.5 !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;

        box-sizing: border-box !important;
    }

    .hosting-page .newsletter .form {
        width: 100% !important;

        float: none !important;

        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    .hosting-page .newsletter .form input {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 50px !important;

        float: none !important;

        margin: 0 0 10px !important;
        padding: 0 15px !important;

        box-sizing: border-box !important;
    }

    .hosting-page .newsletter .form button {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 48px !important;

        float: none !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       FOOTER
       ===================================================== */

    .hosting-page .footer {
        padding: 25px 0 !important;
    }

    .hosting-page .footer .container {
        display: block !important;
    }

    .hosting-page .footer .col {
        width: 100% !important;

        float: none !important;

        margin: 0 0 25px !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    .hosting-page .footer .col h3 {
        font-size: 20px !important;

        margin: 0 0 12px !important;
    }

    .hosting-page .footer .col ul {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .hosting-page .footer .col li {
        width: 100% !important;

        line-height: 1.5 !important;

        box-sizing: border-box !important;
    }

    .hosting-page .footer > .container > img {
        display: block !important;

        width: auto !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 15px auto 0 !important;
    }

}

@media (max-width: 767px) {

    .order-navbar-wrapper {
        position: static !important;
        height: 0 !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    .order-navbar-wrapper .mobile-header-menu {
        display: none !important;

        position: absolute !important;
        top: 58px !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        height: auto !important;

        background: #fff !important;

        z-index: 99999 !important;

        box-shadow: 0 6px 15px rgba(0,0,0,.18) !important;
    }

    .order-navbar-wrapper .mobile-header-menu.open {
        display: block !important;
    }
}

/* =========================================================
   DESKTOP NAVBAR - HER ŞEYİN ÜSTÜNDE
   ========================================================= */

@media (min-width: 768px) {

    /* Navbarın tamamı üst stacking context olsun */
    .order-navbar-wrapper {
        position: relative !important;
        z-index: 999990 !important;

        overflow: visible !important;
    }

    .order-navbar-wrapper .medyabim-nav-container {
        position: relative !important;
        z-index: 999991 !important;

        overflow: visible !important;
    }

    .order-navbar-wrapper .header-menu {
        position: relative !important;
        z-index: 999992 !important;

        overflow: visible !important;
    }

    .order-navbar-wrapper .medyabim-hrmenu,
    .order-navbar-wrapper .cbp-hrmenu {
        position: relative !important;
        z-index: 999993 !important;

        overflow: visible !important;
    }

    /* Aktif ana menü elemanı */
    .order-navbar-wrapper .cbp-hropen {
        position: relative !important;
        z-index: 999994 !important;
    }

    /* Açılan mega menü */
    .order-navbar-wrapper .cbp-hrmenu .cbp-hrsub {
        z-index: 999999 !important;

        overflow: visible !important;
    }

    .order-navbar-wrapper .cbp-hrmenu .cbp-hrsub-inner {
        position: relative !important;
        z-index: 1000000 !important;
    }
}

/* =========================================================
   DESKTOP NAVBAR - TIKLAMA KATMANI DÜZELTME
   ========================================================= */

@media (min-width: 768px) {

    /* Wrapper'ın görünmeyen alanları tıklamayı yakalamasın */
    .order-navbar-wrapper {
        pointer-events: none !important;
    }

    /* Gerçek navbar elemanları tıklanabilir olsun */
    .order-navbar-wrapper .medyabim-nav-container,
    .order-navbar-wrapper .header-menu,
    .order-navbar-wrapper .medyabim-hrmenu,
    .order-navbar-wrapper .medyabim-hrmenu > ul,
    .order-navbar-wrapper .medyabim-hrmenu > ul > li,
    .order-navbar-wrapper .medyabim-hrmenu > ul > li > a,
    .order-navbar-wrapper .header-sepet,
    .order-navbar-wrapper .header-sepet a,
    .order-navbar-wrapper .cbp-hrsub,
    .order-navbar-wrapper .cbp-hrsub-inner,
    .order-navbar-wrapper .cbp-hrsub a {
        pointer-events: auto !important;
    }

    /* Üst header ayrıca garanti şekilde tıklanabilir */
    .medyabim-header {
        position: relative !important;
        z-index: 1000001 !important;
        pointer-events: auto !important;
    }

    .medyabim-header a,
    .medyabim-header .login,
    .medyabim-header .login a,
    .medyabim-header .mb-top-logo {
        pointer-events: auto !important;
    }
}

/* =========================================================
   ANASAYFA DOMAIN TABLARI - MOBIL
   ========================================================= */

@media (max-width: 767px) {

    /* Domain tab içerikleri ekrana sığsın */
    .domain-tab .tab-content,
    .domain-tab .tab-pane {
        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    /* =====================================================
       DOMAIN TRANSFER
       ===================================================== */

    .domain-tab .domain-transferi {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        padding: 20px 15px 25px !important;
        margin: 0 !important;

        box-sizing: border-box !important;
    }

    .domain-tab .domain-transferi h1 {
        width: 100% !important;

        margin: 0 0 10px !important;

        font-size: 28px !important;
        line-height: 1.2 !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .domain-tab .domain-transferi p {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 16px !important;

        font-size: 15px !important;
        line-height: 1.45 !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;

        box-sizing: border-box !important;
    }

    /* Input */
    .domain-tab .domain-transferi input {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 52px !important;

        float: none !important;

        margin: 0 0 10px !important;
        padding: 0 14px !important;

        border: 4px solid #70a0ff !important;
        border-radius: 12px !important;

        box-sizing: border-box !important;
    }

    /* Uzantı seçimi */
    .domain-tab .domain-transferi select {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 48px !important;

        float: none !important;

        margin: 0 0 10px !important;
        padding: 0 12px !important;

        border: 2px solid #70a0ff !important;
        border-radius: 8px !important;

        box-sizing: border-box !important;
    }

    /* Gönder butonu */
    .domain-tab .domain-transferi button {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 48px !important;

        float: none !important;

        margin: 0 !important;

        border: 0 !important;
        border-radius: 8px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TR DOMAIN / DİĞER ÜLKELER
       Aynı sorgu alanları da taşmasın
       ===================================================== */

    .domain-tab .sorgu-alani {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        padding-left: 15px !important;
        padding-right: 15px !important;

        box-sizing: border-box !important;
    }

    .domain-tab .sorgu-alani > input[type="text"] {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 52px !important;

        float: none !important;

        margin: 0 0 10px !important;

        border-right: 4px solid #70a0ff !important;
        border-radius: 12px !important;

        box-sizing: border-box !important;
    }

    .domain-tab .sorgu-alani > button {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 48px !important;

        float: none !important;

        margin: 0 0 15px !important;

        border: 0 !important;
        border-radius: 8px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       TR BELGELER
       ===================================================== */

    .domain-tab .tr-belgeler,
    .domain-tab .tr-belgeler .text {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        box-sizing: border-box !important;
    }

    .domain-tab .tr-belgeler .icon {
        display: none !important;
    }

    .domain-tab .tr-belgeler table {
        width: 100% !important;

        table-layout: fixed !important;
    }

    .domain-tab .tr-belgeler td {
        display: block !important;

        width: 100% !important;

        padding: 8px !important;

        box-sizing: border-box !important;
    }

}

/* =========================================================
   ANASAYFA MOBIL - DOMAIN ALANI ÜSTE
   ========================================================= */

@media (max-width: 767px) {

    .home-content {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    .home-content > * {
        order: 10;
        width: 100%;
        min-width: 0;        /* ← EKLENDİ: flex item'ın sıkışabilmesini sağlar */
        max-width: 100%;     /* ← EKLENDİ: ekstra güvence */
        box-sizing: border-box;
        overflow-x: hidden;  /* ← EKLENDİ: içeride kırılamayan bir şey kalırsa görünmesin */
    }

    .home-content > .domain-tab { order: 1 !important; }
    .home-content > .main-info { order: 2 !important; }
    .home-content > .domain-fiyat-slide { order: 3 !important; }
    .home-content > .hosting-paketleri { order: 4 !important; }
}