/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) and (max-height: 500px) {

    .container {
        padding: 0 10px;
    }
    section.owlSlider .content .left {
        padding-top:60px;
        overflow:hidden;
        width: 48%;
    }
    section.owlSlider .content .left .baslik {
        font-size: 30px;
        line-height:37px;
        font-weight:800;
        color:#fff;
        letter-spacing:-2px;
        padding-bottom:40px;
        position:relative;
        left:0;
        transition:.3s ease all;
    }

    section.owlSlider .content .center {
        width:48%;
    }
    section.owlSlider .content .center img {
        background-repeat:no-repeat;
        background-size:contain;
        background-position:top center;
        position:relative;
        transform:scale(1);
        right:0;
        transition:.6s .1s ease all;
        top:0;
        height: 440px;
        width: 80%;
        margin: -60px auto 0;
    }

    section.owlSlider .content .right {
        justify-content:flex-start;
        width: 100%;
        align-items: flex-start;
        margin-top: -70px;
        margin-bottom: 20px;
    }
    section.owlSlider .content .right .basvurbtn{
        margin-left: 0;
    }


    .kampanyalar .kampanya .content p {
        width: 100%;
    }

    .kampanyalar .kampanya {
        padding-bottom: 95%;
    }

    .kampanyalar .kampanya img {
        transform-origin: bottom;
        top: unset;
        bottom: 0;
    }

    section.urunlervehizmetler .hizmetler .hizmet .img {
        background-size: 60%;
    }

    section.urunlervehizmetler .hizmetler .hizmet.cihazlar .img {
        background-size: 35%;
    }

    .altyapi {
        padding: 40px 0 10px;
    }

    section.kablonetsehirler {
        padding: 0
    }

    section.kablonetsehirler .sehirler {
        margin: 30px 0;
    }

    section.kablotvbuay {
        padding-top: 40px;
    }

    .kablotvbuay .programlar {
        padding: 0 0 20px;
    }

    section.musteriyorumlari .owl-musteriYorumlari .yorum .adsoyad small {
        display: block;
    }

    .altyapi h2, section.urunlervehizmetler .altyapi h2 {
        margin-bottom: 0;
    }

    section.kablonetsehirler h2 {
        margin-bottom: 0;
    }

    section.urunlervehizmetler {
        padding-top: 30px;
    }



    section.kampanyalarList .navig .turlinkleri {
        margin-bottom: 20px;
    }

    .kampanyalar + .sayfalama {
        padding: 0 0 20px;
    }
    section.cunkukablonet .cunkukablonetkutu .slogan span{
        justify-content: flex-start;
    }
    section.cunkukablonet .basvurmakicin span{
        margin: 10px 0 20px;
    }
    .tarifelerBanner .lbBannerImg{
        text-align: right;
    }

    section[class$="Banner"] .container, section[class$="banner"] .container{
        padding: 50px 15px;
    }

    .cihazlar .container{
        display: flex;
        flex-wrap: wrap;
    }
    .cihazlar .container .cihaz{
        width: calc(50% - 10px);
        margin-bottom: 15px;
    }

    .cihazlar .container .cihaz:nth-child(odd){
        margin-right: 10px;
    }
    .cihazlar .container .cihaz:nth-child(even){
        margin-left: 10px;
    }
    section.tarifelerBanner{
        height: max(100vh, 500px);
    }
    section.servisler .servis .img{
        background-size: 90%;
    }

    section.servisDetayBanner .lbBannerImg img{
        margin-top: 60px;
    }
    section.servisDetayBanner{
        min-height: 550px;
        height: 550px;
    }
    section.servisDetayBanner h1{
        line-height: 40px;
    }
    section.kampanyaBanner .lbBannerImgMobile {
        width: 50%;
        position: absolute;
        bottom: 10%;
        right: 0;
        transform: scale(.7);
        transform-origin: right bottom;
    }
    section.kampanyaBanner .container{
        min-height: unset;
        height: auto;
    }
    .kampanyaOzellikleri {
        flex-wrap: wrap;
        padding-bottom: 20px;
        justify-content: center;
    }
    .kampanyaOzellikleri .ozellik {
        width: 33%;
        margin-bottom: 30px;
    }
    section.cunkukablonet .fiyat{
        text-align: left;
        margin: 15px 0;
    }
    section.kampanyaTablar .nav-pills{
        padding-bottom: 20px
    }
    section.kampanyaTablar .nav-pills > li {
        padding: 0 15px;
        width: 50%;
        text-align: center;
        margin-bottom: 15px;
    }
    section.kampanyaTablar .nav-pills > li > a.active{
        display: inline-block;
    }
    section.kampanyaTablar .kampanyaIcerik3{
        margin-top: 10px;
    }
    section.cunkukablonet2 .cunkukablonetkutu .slogan {
        position: relative;
        top: unset;
        width: unset;
        margin-bottom: 0;
    }
    section.cunkukablonet2 .cunkukablonetkutu{
        height: auto;
    }
    section.musteriyorumlari .owl-musteriYorumlari .yorum{
        height: 290px;
    }
    section.basvuruBanner h3{
        margin: 20px 0 0;
    }
    .basvuruBanner + .bodybg.pb-30.pt-100{
        padding-top: 30px;
    }
    section[class$="Banner"] .container .lbBannerImg img[src$="medya-yok-0"]{
        display: none;
    }
    section[class^="cunkukablonet"] .cunkukablonetkutu .row{
        align-items: center;
    }
    .kampanyalarList + .cunkukablonet{
        padding-bottom: 0;
    }
    section.tarifelerBanner h1, section.tarifelerBanner span{
        width: calc(100% - 350px);
        display: block;
    }
    section.tarifelerBanner .lbBannerImg {
        position: absolute;
        right: 50px;
        top: -250px;
        width: 300px;
    }
    .tarifelerBanner + .bodybg .teledunyapaketleri .teledunyapaket{
        padding-bottom: 35%;
    }
    section[class^="cunkukablonet"] .cunkukablonetkutu .slogan svg{
        height: 100px;

    }
    section[class^="cunkukablonet"] .cunkukablonetkutu .slogan span{
        width: 180px;
    }
    .breadcrumb + div section.kablotvbuay .container{
        padding: 0 20px;
    }

    body.internetsayfa .slider + .bodybg .m-top-200{
        top: -90px;
        margin-bottom: -90px;
    }

    body.internetsayfa section.slider .swiper-wrapper .swiper-slide .left .baslik{
        padding-bottom: 0;
    }
    .ekhizmetler a.hizmet{
        height: 300px;
    }
    .ekhizmetler .hizmet .imgbg{
        background-size: 60%;
    }
    .ekhizmetler .hizmet h3{
        margin-bottom: 15px;
    }

    span[class^="iletisimozellik"]:first-child{
        margin-top: 15px;
    }

    span[class^="iletisimozellik"]:last-child{
        margin-bottom: 15px;
    }
    .servisDetayliBilgi table tr th{
        padding: 30px 10px;
    }
    body.tarifelersayfa section.tarifelerBanner .lbBannerImg{
        top: -180px;
    }

    .kablonetMenu .content .btn-siziArayalim, .kablonetMenu .subContent .btn-siziArayalim {
        position: absolute;
        right: 25px;
        width: auto;
        padding: 0 50px;
        bottom: 30px;
        left: unset;
    }
    body.servislersayfa section.tarifelerBanner .lbBannerImg{
        top: unset;
    }
    body.servislersayfa section.tarifelerBanner h1, body.servislersayfa section.tarifelerBanner span{
        width: 100%;
    }
    body.servisdetay section.servisDetayBanner{
        height: auto;
        min-height: 100vh;
    }



    body.servisdetay section.servisDetayBanner img{
        margin-top: 0;
    }

    body.sehirbasvuru section.tarifelerBanner{
        height: auto;
    }
    body.sehirbasvuru section.tarifelerBanner .bannerBasvuruFormu{
        max-width: unset;
        position: relative;
    }
    body.sehirbasvuru .tarifelerBanner h1, body.sehirbasvuru .tarifelerBanner span{
        width: 100%;
        margin-top: 0;
        margin-bottom: 30px;
    }
    body.sehirbasvuru section.tarifelerBanner ul > li{
        text-align: left;
    }
    body.sehirbasvuru .adresbilgisi .row>div:first-child{
        order: 2;
    }
    body.sehirbasvuru .adresbilgisi .row>div:nth-child(2){
        order: 3;
    }
    body.sehirbasvuru .adresbilgisi .row>div:nth-child(3){
        order: 1;
    }
    body.sehirbasvuru .adresbilgisi .row>div a:first-child{
        margin-top: 15px;
    }
    body.kampanyadetay section.kampanyaBanner{
        min-height: 450px;
    }
    .owl-iletisimMaps .owl-stage-outer{
        padding-bottom: 10px;
    }
    section.cunkukablonet + section.aciklamalar .container{
        top: -95px;
    }

    body.pagesayfa .blankDetayBanner h1{
        margin-top: 20px;
    }
    body.pagesayfa .blankDetayBanner p{
        line-height: 1.6;
    }
    section.blankDetayBanner.hasvideo{
        height: max(80vw, 480px);
    }
    body.servisdetay .servisDetayBanner + .bodybg .m-top-200 {
        top: -100px;
        margin-bottom: -100px;
    }

    body.pagesayfa section.blankDetayBanner{
        height: max(400px, 60vh);
    }
    body.servisdetay .servisDetayBanner.hasvideo + .bodybg .m-top-200{
        top: -40px;
        margin-bottom: -40px;
    }

    body.servisdetay .servisDetayBanner .container{
        padding: 70px 10px;
    }

    .basvurbtn{
        text-align: left;
    }
    section.teledunyapaketleri{
        height: auto;
        margin-bottom: 40px;
    }
    .owl-teledunyaPaketleri .teledunyapaket{
        padding-bottom: 40%;
        margin-bottom: 40px;
    }
    .bodybg > section.teledunyapaketleri{
        padding: 30px 0;
    }
    .owl-teledunyaPaketleri .owl-dots{
        display: none;
    }

    span.tarifedetay ~ section.tarifelerBanner {
        height: max(100vh, 400px);
    }
    span.altyapipage + section.altyapiBanner .container{
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
    }
    span.altyapipage + section.altyapiBanner .container h1{
        width: 50%;
    }
    span.altyapipage + section.altyapiBanner .container p{
        width: 50%;
    }
    section.musteriYorumlari2 .owl-musteriYorumlari2{
        padding: 0 10px;
    }

    section.musteriYorumlari2 .container .yorumlarLeft{
        display: flex;
    }
    section.musteriYorumlari2 .container .yorumlarLeft h3{
        margin-bottom: 0;
    }
    section.bayibasvuru.yorumyap form .form-group.puan-label{
        height: calc(100% - 7px);
        margin-bottom: 7px;
    }
    .customCheckbox{
        margin-top: 5px;
    }
    section.bayibasvuru form .customCheckbox input{
        height: 15px;
    }
    section.musteriYorumlari2 .owl-musteriYorumlari2 .owl-stage{
        padding: 30px 0;
    }
    section.musteriYorumlari2 .musteriYorum{
        min-height: 200px;
    }

}
@media only screen and (max-height: 320px) and (orientation: landscape){
    .kampanyalar .kampanya{
        padding-bottom: 50%;
    }
    .kampanyalar .kampanya img {
        left: unset;
        right: 15px;
        transform-origin: right bottom;
    }
    .kampanyalar .kampanya .content p {
        width: 50%;
    }
    section.urunlervehizmetler .hizmetler .hizmet .img, section.urunlervehizmetler .hizmetler .hizmet.cihazlar .img{
        background-size: 35%;
    }
    section.urunlervehizmetler .hizmetler .hizmet.paketler .img, section.urunlervehizmetler .hizmetler .hizmet.cihazlar .img, section.urunlervehizmetler .hizmetler .hizmet.televizyon .img{
        right: 15px;
    }
    section.urunlervehizmetler .hizmetler .hizmet{
        margin-top: 15px;
    }
    section.musteriyorumlari .owl-musteriYorumlari .yorum{
        padding: 30px 25px 20px;
    }
    section.kampanyalarList .navig .turlinkleri {
        white-space: nowrap;
        overflow: auto;
    }
    section.kampanyalarList .navig{
        padding: 20px 10px;
    }
    section.cunkukablonet .container:before {
        height: 250px;
        width: 276px;
    }
    section.servisler .servis .img{
        background-size: 70%;
    }
    body.servisdetay .servisDetayBanner .lbBannerImg{
        position: absolute;
        top: -100vh;
        width: 100%;
        right: 0;
        transform: scale(.5);
        transform-origin: right;
    }
    .tarifelerBanner + .bodybg .teledunyapaketleri .teledunyapaket{
        padding-bottom: 50%;
    }
    .tarifelerBanner + .bodybg .teledunyapaketleri .teledunyapaket span{
        top: 40px;
    }
    .tarifelerBanner + .bodybg .teledunyapaketleri .teledunyapaket p{
        top: 80px;
    }
    span.tarifedetay ~ .tarifelerBanner .lbBannerImg{
        right: 0;
        top: -300px;
    }
    .owl-teledunyaPaketleri .teledunyapaket{
        padding-bottom: 46%;
    }
    .teledunyapaketleri .teledunyapaket > .img{
        background-size: 40%;
    }
}