@media screen and (max-width:1024px) and (min-width:120px) {
#header{
background:url(../images/slayt.png);
background-position:center center;
background-repeat:no-repeat;
min-height:inherit;
background-size:;
min-height:200px
}

#top{
overflow:hidden;
border-bottom:none;
}

.mobil{
display:block;
color:#fff;
font-size:20px;
top:20px;
left:10px;
position:absolute;
}

.top{
overflow:hidden;
width:100%;
margin:0 auto;
overflow:hidden;
}

.logo{
overflow:hidden;
float:left;
padding:16px 0 16px 40px
}

.logo img{
width:140px;
}

.menu{
overflow:hidden;
float:none;
margin-left:0;
margin:0 auto;
display:none;
}

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

.menu li{
float:none;
color:#fff;
letter-spacing:1px;
margin-left:10px;
}

.menu li i{
font-size:11px;
color:#f1690d;
cursor:pointer;
}

.menu li a{
color:#fff;
text-decoration:none;
display:block;
padding:23px 15px;
}

.menu li:hover{
border-bottom:2px solid #f1680d!important;
}

.aktifs{
border-bottom:2px solid #f1680d!important;
}

.canlidestek{
background: linear-gradient(40deg,#f1630d,#f17b0e);
float:right;
color:#fff;
padding:10px 10px;
margin-top:12px;
margin-left:0px;
margin-right:5px;
border-radius:4px;
letter-spacing:1px
}

.canlidestek:hover{
transition-delay: 1s;
background: linear-gradient(40deg,#f17b0e,#f1630d);
cursor:pointer;
}

.canlidestek a{
color:#fff;
text-decoration:none;
}

.shiz{
font-size:15px!important;
color:#fff;
margin-left:40px!important;
margin-bottom:10px!important;
}

.savp{
font-weight:bold;
font-size:17px!important;
font-family: 'Exo 2', sans-serif;
color:#fff;
margin-left:40px!important;
margin-top:5px!important;
}


.sdot1{
opacity:0.4;
color:#fff;
font-size:10px!important;
display:none;
}

.sdot2{
color:#fff;
display:none;
}

.sdot2 i{
opacity:0.4;
font-size:8px;
}

.sdot3{
color:#fff;
font-size:10px;
display:none;
}

.sdot3 i{
opacity:0.1;
font-size:9px;
}

.skes{
font-size:11px!important;
color:#fff;
margin-left:40px!important
}

.skar{
font-size:12px!important;
margin-left:40px!important;
display:none;
}

.skar span{
display:block;
height:11px;
padding-top:5px;
padding-bottom:5px;
width:15px;
background:#3333334f;
text-align:center;
}

.sfiy{
font-size:11px!important;
color:#fff;
letter-spacing:1px;
margin-left:25px!important;
margin-bottom:5px!important;
}

.spak{
border:2px solid #fff!important;
text-align:center;
height:20px;
width:150px;
color:#fff;
font-size:11px!important;
line-height:20px!important;
margin-left:40px!important

}

.spak a{
color:#fff;
text-decoration:none;
}

#content{
overflow:hidden;
width:100%;
margin:0 auto;
}

.pakettitle{
overflow:hidden;
padding:30px 0 0 0;
padding-left:10px;
padding-right:10px;
}

.liveikon{
float:left;
overflow:hidden;
width:30px;
background:#fff;
text-align:center;
padding:11px 0 11px 0;
}

.ptitle{
float:left;
overflow:hidden;
padding:0px 0 0 5px;
font-weight:bold;
font-size:16px
}

.ptitle b{
color:#f16f0e;
}

.ptitle em{
display:block;
font-style:normal;
color:#768492;
font-size:12px;
font-weight:normal;
padding:3px 0 0 0;
}

.canli2{
float:right;
overflow:hidden;
border:2px solid #1dc56c;
color:#1dc56c;
padding:15px 5px;
font-weight:bold;
letter-spacing:1px;
border-radius:4px;
font-size:11px
}


.tablo{
overflow:auto;
padding:20px 0 0 0;
padding-left:10px;
padding-right:10px;
}

.tabloth{
overflow:hidden;
width:1100px;
}

.tabloth ul{
margin:0 auto;
list-style:none;
padding:0;

}

.tabloth li{
float:left;
width:14.8%;
background:#fff;
padding:20px 0;
text-align:center;
color:#f1720e;
font-weight:bold;
font-size:15px;
letter-spacing:1px;
border-right:1px solid #e5eaef;
border-bottom:1px solid #e5eaef;
}

.tabloth li:nth-child(1){
width:25%;
background:none;
color:#000;
padding:10px 0 0 0;
border:none;
}

.tabsbg{
background:#e5eaef;
padding:5px;
width:70%;
overflow:hidden;
border-radius:20px;
}

.tabsec{
float:left;
width:50%;
text-align:center;
border-radius:20px;
padding:5px 0;
font-size:13px;
letter-spacing:1px
}

.tabaktif{
background:#f16d0d;
color:#fff;
cursor:pointer;
}

/**/
.tablotr{
overflow:hidden;
width:1100px;
background:#fff;
}

.tablotr ul{
margin:0 auto;
list-style:none;
padding:0;

}

.tablotr li{
float:left;
width:14.8%;
background:#fff;
padding:15px 0;
text-align:center;
color:#1e1e1e;
font-weight:bold;
font-size:13px;
letter-spacing:1px;
border-right:1px solid #e5eaef;
border-bottom:1px solid #e5eaef;
}

.tablotr li:nth-child(1){
width:24%;
padding-left:1%;
background:none;
color:#000;
border:none;
text-align:left;
background:#fff;
font-size:13px;
letter-spacing:1px;
border-right:1px solid #e5eaef;
border-bottom:1px solid #e5eaef;
}

.tablotr li:nth-child(6){
border-right:none;
}

.tabloth li:nth-child(6){
border-right:none;
width:15.4%
}

.tablotr li b{
font-size:30px;
}

.paketadi{
padding:11px 0;
}

.paketadi i{
display:block;
float:left;
color:#f16c0d;
width:15px;
height:15px;
border:1px solid #f16c0d;
text-align:center;
line-height:15px;
border-radius:20px;
padding:2px;
margin-top:-3px;
margin-right:5px;
}

.trortala{
text-align:center!important;
font-weight:normal!important;
font-size:16px!important;
}

.satinal{
background:#f1650d;
margin:0 5%;
color:#fff;
padding:11.5px 0;
border-radius:4px;
cursor:pointer;
}

.satinal:hover{
background:#323945;
}

.trortala b{
color:#f1650d;
font-size:16px!important;
}

.filmbg{
min-height:800px;
background:url(../images/filmbg.png);
background-position:top right;
background-size: contain;
background-repeat:no-repeat;
margin-top:-50px;
}

.filmicerik{
min-height:250px;
width:100%;
margin:0 auto;
background:#fff;
margin-top:-570px;
z-index:-1;
position:absolute
}

.filmicerigi{
width:90%;
margin:0 auto;
overflow:hidden;

}

.icerikyaz{
overflow:hidden;
padding:60px 0 0 0;
width:330px;
}

.icerikyaz span{
display:block;
}

.icerikyaz b{
display:block;
font-weight:bold;
color:#f16f0e;
font-size:25px;
padding:15px 0;
}

.icerikyaz em{
display:block;
font-style:normal;
font-weight:bold;
font-size:18px;
}

.icerikyaz p{
font-size:14px;
color:#404851;
}

/**/
.macbg{
min-height:600px;
background:url(../images/macbg.png);
background-position:top left;
background-size: contain;
background-repeat:no-repeat;
margin-top:-220px;
display:none;
}

.filmicerik1{
min-height:350px;
width:94%;
margin:0 auto;
margin-top:-210px;
position:static;

}

.filmicerigi1{
width:100%;
margin:0 auto;
overflow:hidden;
}

.icerikyaz1{
overflow:hidden;
padding:35px 0 0 0;
width:96%;
margin:0 auto;
float:none;
color:#000
}

.icerikyaz1 span{
display:block;
}

.icerikyaz1 b{
display:block;
font-weight:bold;
color:#f16f0e;
font-size:25px;
padding:5px 0;
}

.icerikyaz1 em{
display:block;
font-style:normal;
font-weight:bold;
font-size:18px;
}

.icerikyaz1 p{
font-size:14px;
}

.cizik{
width:100px;
height:1px;
background:#d0d5da;
margin-top:10px;
}

.ligler{
overflow:hidden;
text-align:center;
}

.ligler img{
width:23%
}

.serit{
background-color:#1ec76e;
min-height:80px;
width:96%;
margin:0 auto;
margin-top:10px;
margin-bottom:30px;
border-radius:4px;
background-image:url(../images/wpbg.png);
background-position:top left;
background-repeat:no-repeat;

}

.serit span{
display:block;
float:left;
overflow:hidden;
color:#fff;
font-size:12px;
font-weight:bold;
padding:20px 10px;
letter-spacing:1px;
}

.serit span b{
font-size:10px;
display:block;
font-weight:normal;
padding:5px 0 0 0;
letter-spacing:0;
}

.wpbagla{
float:right;
overflow:hidden;
padding:28px 5px 0 0;
}

.wpbagla img{
width:110px;
cursor:pointer;
}

#footer{
background:#101b28;
min-height:50px;
}


.footer{
width:96%;
margin:0 auto;
overflow:hidden;
}

.f-logo{
float:none;
padding:20px 0;
overflow:hidden;
text-align:center;
}

.f-logo img{
width:140px
}

.f-menu{
overflow:hidden;
float:none;
margin-bottom:20px;
}

.f-menu ul{
margin:0 auto;
list-style:none;
padding:0;
}

.f-menu li{
float:left;
color:#fff;
padding:10px 10px;
}

.f-menu li a{
color:#fff;
text-decoration:none;
}

.f-menu li a:hover{
color:#f16c0d;
}

#copy{
text-align:center;
background:#142130;
color:#657586;
padding:10px 0;
font-size:12px;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
 background: linear-gradient(40deg,#f1630d,#f17b0e);
}


.m-logo{
text-align:center;
overflow:hidden;
padding:10px 0
}

.m-logo img{
width:180px;
}

.mo-me{
overflow:hidden;
}

.mo-me ul ul{
display:none;
}

.mo-me li:hover ul{
display:block;
overflow:hidden;
margin-top:10px;
}

.mo-me li li{
background:#333;
}

.mo-me li li a{
color:#fff;
text-decoration:none;
}

.mo-me ul{
margin:0 auto;
list-style:none;
padding:0;
}

.mo-me li{
display:block;
padding:20px 0;
font-size:24px;
color:#fff;
text-align:center;
border-bottom:1px solid #ffffff40
}

.mo-me li a{
text-decoration:none;
color:#fff;
}


/*Paketler*/
.paketht{
width:90%;
margin:0 auto;
overflow:hidden;
font-size:21px;
color:#fff;
padding:20px 0
}

.paketht span{
display:block;
font-weight:bold;
font-size:30px;
padding:10px 0
}

.paketler{
overflow:hidden;
padding:40px 5px 20px 5px;
}

.pakets{
overflow:hidden;
background:#fff;
border:1px solid #fff;
cursor:pointer;
border-radius:4px;
margin-bottom:30px;
}

.ppicon{
overflow:hidden;
float:left;
position:relative;
margin-top:0px;
margin-left:0px;
width:50%;
background:#f1680d;
background: linear-gradient(40deg,#f1630d,#f17b0e);
text-align:center;
}

.ppicon img{
width:50px;
}

.ppadi{
overflow:hidden;
float:left;
color:#f1670d;
font-size:20px;
font-weight:bold;
padding:13px 20px 12px 140px;
border-right:0px solid #d8e3ee;
border-top:1px solid #d8e3ee;
padding:0;
padding-top:5px;
padding-bottom:5px;
width:45%;
padding-left:5%;
}

.ppadi b{
display:block;
color:#516071;
font-size:15px;
font-weight:bold;
}

.ppoz{
overflow:hidden;
float:left;
width:40%;
padding:9px 5% 9px 4.6%;
border-right:0px solid #d8e3ee;
border-left:1px solid #d8e3ee;
border-top:1px solid #d8e3ee;
}

.ppoz b{
display:block;
padding:10px 0 0 0;
font-weight:normal;
color:#516071;
}

.ppfiy{
float:left;
overflow:hidden;
padding:10px 0px 10px 0px;
width:49.5%;
font-size:24px;
font-weight:bold;
color:#29343f;
border-top:1px solid #d8e3ee;
border-left:1px solid #d8e3ee;
border-bottom:1px solid #d8e3ee;
text-align:center;
}

.ppfiy b{
font-size:24px;
display:inline;
float:none;
}

.ppsat{
background: linear-gradient(40deg,#f1630d,#f17b0e);
overflow:hidden;
float:right;
color:#fff;
height:41px;
width:50%;
text-align:center;
padding:10px 0 0 0;
}

.ppsat img{
display:none;
}

.satyazi{display:block;padding:5px 0 0 0;font-size:20px;}
.pakets:hover .satyazi{display:block;}
.pakets:hover .sepet{display:none;}
.pakets:hover{border:1px solid #f16f0e;border-radius:4px; }

.why{
overflow:hidden;
min-height:100px;
}

.why h1{
text-align:center;
display:block;
padding:0;
margin:0 auto;
font-weight:normal;
}

.why h1 em{
font-style:normal;
color:#f16f0e;
font-weight:bold;
letter-spacing:1px ;
}

.neden{
overflow:hidden;
padding-bottom:30px;
}

.neden ul{
margin:0 auto;
list-style:none;
padding:0;
}

.neden li{
float:none;
width:90%;
float:none;
padding-top:38px;
background:url(../images/dotcubuk.png);
background-repeat:no-repeat;
background-position:top center;
margin:0 auto;
}

.neden li:nth-child(2){
margin:0 auto;
}

.ustciz{
background:#a5a4b552;
height:1px;
width:70%;
margin:0 auto;
margin-left:15%;
margin-right:15%;
}

.ustbar{
width:5%;
height:3px;
background:#f16c0d;
margin:0 auto;
margin-top:20px;
}

.yaz{
background:#fff;
min-height:100px;
text-align:center;
overflow:hidden;
padding:30px 0 30px 0;
margin-left:5px;
margin-right:5px;
border-radius:5px;
box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.10);

}

.yaz img{
display:block;
text-align:center;
margin:0 auto;
}

.yaz span{
display:block;
color:#3f454e;
font-size:21px;
padding:20px 0 0 0;
}

.yaz b{
font-weight:normal;
color:#999;
padding:10px 20px;
display:block;
line-height:1.5rem;
}

.logolar{
overflow:hidden;
padding:0px 0 20px 0;
text-align:center;
}

.logolar img{
width:80%;
}

.nedeniptv{
overflow:hidden;
background-size:cover;
min-height:100px;
background:url(../images/iptvbg.png);
padding-bottom:40px;
background-repeat:no-repeat;
background-color:#151925;
}

.nedenb{
text-align:center;
color:#fff;
font-size:24px;
font-weight:bold;
}

.nedenb img{
display:block;
margin:0 auto;
padding:40px 0 20px 0;
}

.kutula{
overflow:hidden;
width:96%;
margin:0 auto;
padding:20px 0 0 0;

}

.kutula ul{
margin:0 auto;
list-style:none;
padding:0;
}

.kutula li{
float:none;
width:86%;
padding:2% 4%;
margin:0 1%;
min-height:70px;
background: linear-gradient(20deg,#5d6379,#a3a6b3);
color:#fff;
min-height:150px;
margin:0 auto;
margin-bottom:20px;
border-radius:4px;
}

.kutula li img{
display:block;
padding:10px 0;
}

.kutula li b{
font-weight:normal;
font-size:19px;
padding:10px 0;
display:block;
}

.serit2{
background-color:#1ec76e;
min-height:80px;
width:98%;
margin:0 auto;
margin-top:30px;
margin-bottom:30px;
border-radius:4px;
background-image:url(../images/wpbg.png);
background-position:top left;
background-repeat:no-repeat;
}

.serit2 span{
display:block;
float:left;
overflow:hidden;
color:#fff;
font-size:13px;
font-weight:bold;
padding:20px 5px;
letter-spacing:1px;
}

.serit2 span b{
font-size:12px;
display:block;
font-weight:normal;
padding:5px 0 0 0;
letter-spacing:0;
}

/*HAKKIMIZDA*/
#hakkimizda{
overflow:hidden;
padding:10px 0;
}

#sol{
overflow:hidden;
float:none;
width:96%;
margin:0 auto;
}

#sag{
float:none;
overflow:hidden;
width:100%;
}

#sol h1{
color:#1b4268;
font-size:31px;
}

#sol h2{
color:#939faa;
font-weight:normal;
}

#sol p{
color:#3f4257;
font-size:16px;
line-height:24px;
}

#sol h3{
color:#3f4257;
font-size:24px;
font-weight:normal;
}

#sag img{
width:90%;
}

.canli2 a{
color:#1dc56c;
text-decoration:none;
}

.menu ul ul{
display:none;
background-image:url(../images/drop.png);
background-position:top center;
background-repeat:no-repeat;
}

.menu ul li:hover ul{
display:block;
position:absolute;

padding-top:5px;
padding-bottom:5px;
margin-top:-5px;
overflow:hidden;
z-index:999;
margin-left:-40px;
}

.menu li li{
float:none;
padding:0;
margin:0 auto;
background:#fff;
padding:5px;
}

.menu li li a{
padding:0;
padding:10px 20px;
background:#fff;
color:#3f4257;
}

.menu li li:hover{
border:none!important
}

.menu li li a:hover{
background:#eee;
border-radius:5px;
}

#ista{
overflow:hidden;
padding:40px 0;
}

.isol{
width:98%;
float:none;
overflow:hidden;
background-color:#f9fbfd;
background-image:url(../images/istasyon.png);
background-repeat:no-repeat;
background-position:bottom right;
min-height:300px;
margin:0 auto;
margin-right:0%;
margin-bottom:60px;
}

.kutubox{
float:left;
overflow:hidden;
width:40%;
background:#fff;
min-height:300px;
border-right:1px solid #ddd;
}

.kafa{
background:#f1650d;
padding:30px 10px;
width:20%;
text-align:center;
margin-top:-20px;
margin-left:20px;
position:absolute;
border-radius:5px;
}

.seviye{
overflow:hidden;
padding:120px 0 0 0;
text-align:center;
font-size:24px;
font-weight:bold;
color:#29343f;
}

.seviye span{
display:block;
font-size:14px;
font-weight:normal;
padding:5px 0 0 0;
}

.bfiyat{
padding:80px 0 0 0;
text-align:center;
font-size:34px;
font-weight:bold;
color:#29343f;
}

.bal{
overflow:hidden;
margin:10px;
margin-top:40px;
background: linear-gradient(40deg, #1bbb66, #21d274);
line-height:50px;
color:#fff;
text-align:center;
font-size:17px;
}

.kutuyaz{
padding-left:20px;
overflow:hidden;
}

.kutuyaz p{
overflow:hidden;
padding:4px 0
}

.bal a{
color:#fff;
text-decoration:none;
}
}