@media (min-width: 1700px) {
    .mainPage{
        min-height:830px !important;
    }
    .a-book-mainPage {
        min-height: 918px !important;
    }
}

@media (min-width: 1600px) {
    .owl-carousel .carousel-item-text {
        padding: 12px;
        height: 80px !important;
    }

  /*  .article-content .detayLinkBox {
        width: 12% !important;
    }*/

}

/******************************************************************************
  Max Width "1300x"
*******************************************************************************/
@media (max-width: 1366px) {

    .owl-carousel .carousel-item-text {
       
       height:90px;
    }

}

/******************************************************************************
  Min Width "1200x"
*******************************************************************************/
@media (min-width: 1200px) {

    .swipeBox {
        width: 100%;
        height: 300px;
        padding: 15px;
    }

        .swipeBox .swiper-slide a:hover img {
            width: auto;
            height: 210px;
        }

        .swipeBox .swiper-slide a img {
            width: auto;
            height: 190px;
        }

        .swipeBox .swiper-slide a.aktif img {
            width: auto;
            height: 210px;
        }

    .swipeBoxSesliKitap {
        height: 300px !important;
    }

}

@media (max-width: 1080px) {
    .owl-carousel .carousel-item-text {
        padding: 12px;
        height: 90px !important;
    }
}


/******************************************************************************
  Min Width "992px"
*******************************************************************************/
@media (min-width: 992px) (max-width: 1600px) {   
}

/******************************************************************************
  Max Width "1270px" - Min Width "1200px"
*******************************************************************************/
@media (min-width: 1200px) and (max-width: 1270px) {
}

/******************************************************************************
  Max Width "1199px"
*******************************************************************************/
@media (max-width: 1199px) {
}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
}




/* Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
}

/******************************************************************************
  Max Width "1199px" - Min Width "992px" IPAD YATAY
*******************************************************************************/
@media (min-width: 992px) and (max-width: 1199px) {
    .sidenav {
        width: 255px;
    }


    .categoryImageBox {
        background-color: white;
        border-radius: 22px;
        padding: 5px;
        width: 130px !important;
        height: 140px !important;
        margin: 34px;
    }
        .categoryImageBox .imgBox img {
            width: 130px !important;
            height: 130px !important;
        }


    .kategoriAyrimDiv img {
        margin-left: 255px !important;
    }


    .mainPage {
        padding-left: 255px;
    }

    .scrollBox .scrollbar {
        margin-left: 0px;
    }

    .navbar {
        padding-left: 255px;
    }

    .navbar-nav {
       /* font-size: 24px;*/
    }

    .navbar-default .navbar-nav > li > a {
        padding: 10px;
    }

    .sidenav .socialBox a i {
        font-size: 12px;
    }

    .sidenav .logo {
      /*  padding: 15px 40px 30px 40px;*/
        padding: 11px 17px 16px 17px;
    }

    .scrollBox .scrollbar {
        height: calc(100vh - 150px);
    }

    .sidenav ul li {
        font-size: 16px !important;
    }

        .sidenav ul li .altmenu > li > a {
            font-size: 12px;
        }

    .sidenav .yazarBilgiBox {
        padding: 0px;
        font-size: 14px;
    }

    .kitapBox .imgBox {
        /* height: 360px;*/
    }

    .kitapBox {
        min-height: 380px;
    }

    .sidenav .satisBtnBox {
        font-size: 20px;
    }

    .uygulamaTurBox {
        margin: 0.5%;
    }

        .uygulamaTurBox .maviLink i {
            font-size: 40px;
        }

    .uygulamaLink img {
        height: 30px;
    }

    .uygulamaLink p {
        font-size: 10px;
    }

    .uygulamaLink {
        margin-bottom: 1px;
    }

    .linkContainer .containerBaslik {
        font-size: 14px;
    }
}
/******************************************************************************
  Max Width "991px"
*******************************************************************************/
@media (max-width: 991px) {
}

/******************************************************************************
  Max Width "800px"
*******************************************************************************/
@media (max-width: 800px) {
}
/* Portrait pro */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
}




/* Landspace pro */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {

    .scrollBox .scrollbar {
        margin-left: 10px;
    }

    .swipeBoxSesliKitap .swiper-slide a .kitapAciklamaBox {
        width: calc(100% - 110px);
    }

        .swipeBoxSesliKitap .swiper-slide a .kitapAciklamaBox .kitapIsmi {
            /*   font-size: 12px;*/
        }

        .swipeBoxSesliKitap .swiper-slide a .kitapAciklamaBox .yazarIsmi {
            /*     font-size: 10px;*/
        }

    /*       .swipeBoxSesliKitap .swiper-slide a .kitapAciklamaBox .sesDalga img {
            max-width: 240px;
        }*/

    .detayLinkBox .BtnBox a {
        font-size: 14px;
    }

    .article-content .detayLinkBox .BtnBox a {
        font-size: 16px;
    }

}

/******************************************************************************
  Max Width "991px" - Min Width "767px" IPAD DIKEY
*******************************************************************************/
@media (min-width: 767px) and (max-width: 991px) {

    .sidenav {
        width: 255px;
    }

    .categoryImageBox {
        background-color: white;
        border-radius: 22px;
        padding: 5px;
        width: 130px !important;
        height: 140px !important;
        margin: 34px;
    }

        .categoryImageBox .imgBox img {
            width: 130px !important;
            height: 130px !important;
        }

    .kategoriAyrimDiv img {
        margin-left: 255px !important;
    }

   

    .mainPage {
        padding-left: 255px;
    }

    .scrollBox .scrollbar {
        margin-left: 15px;
    }

    .navbar {
        padding-left: 255px;
    }

    .navbar-nav {
   /*     font-size: 24px;*/
    }

    .navbar-default .navbar-nav > li > a {
        /*  padding: 5px;*/
    }

    .sidenav .socialBox a i {
        font-size: 12px;
    }

    .sidenav .logo {
        /* padding: 15px 40px 30px 40px;*/
        padding: 11px 17px 16px 17px;
    }

    .scrollBox .scrollbar {
        height: calc(100vh - 150px);
    }

    .sidenav ul li {
        font-size: 16px;
    }

        .sidenav ul li .altmenu > li > a {
            font-size: 11px;
        }

    .sidenav .yazarBilgiBox {
        padding: 0px;
        font-size: 12px;
    }

    .kitapBox .imgBox {
        /*   height: 300px;*/
    }

    .kitapBox {
        min-height: 320px;
    }
    /*.swipeBoxSesliKitap .swiper-slide a .kitapFotoBox{
        width:100px;
    }*/
    .swipeBoxSesliKitap .swiper-slide a .kitapAciklamaBox {
        width: calc(100% - 110px);
    }

        .swipeBoxSesliKitap .swiper-slide a .kitapAciklamaBox .kitapIsmi {
            /* font-size: 12px;*/
        }

        .swipeBoxSesliKitap .swiper-slide a .kitapAciklamaBox .yazarIsmi {
            /*  font-size: 10px;*/
        }

    /*    .swipeBoxSesliKitap .swiper-slide a .kitapAciklamaBox .sesDalga img {
            max-width: 240px;
        }*/

    .detayLinkBox .BtnBox a {
        font-size: 14px;
    }

    .article-content .detayLinkBox .BtnBox a {
        font-size: 16px;
    }

    .uygulamaTurBox {
        margin: 0.5%;
    }

    #content-desktop {
        display: block;
    }

    #content-mobile {
        display: none;
    }
}

/******************************************************************************
  Min Width "767px" 
*******************************************************************************/


@media (max-width: 767px) {

    #content-desktop {
        display: none;
    }

    #content-mobile {
        display: block;
    }




    #topMenu > li:first-child {
        /*      margin-top: 0%;*/
    }

    .collapse {
        display: block !important;
    }

    /*********************start******************/
    .collapse {
        display: block !important;
    }



    .mainPage {
        width: 100%;
        /*        padding-left: 0px;*/
        padding: 0;
    }

    .container-fluid > .mainPage:first-child {
        padding-top: 100%;
    }


    #topMenu > li {
        margin-top: 85px;
        width: 111px;
        border: 1px solid;
        margin-left: 55%;
    }


    .navbar-collapse {
        width: 100%;
        height: auto
    }

    .navbar-default .navbar-collapse {
        border: none;
    }

    .navbar-nav > li {
        float: initial !important;
        transform: rotate(270deg);
        transform-origin: left;
    }

    .navbar-right {
        float: left !important;
        position: absolute;
    }

        .navbar-right li {
            transform: rotate(360deg) !important;
        }

            .navbar-right li > a > .glyphicon {
                color: black;
            }

    .navbar-nav > li > a {
        color: black !important;
    }

    .nav > li > a {
    }

    .sidenav ul {
        float: left;
    }

        .sidenav ul li > a {
            float: left;
        }

        .sidenav ul li .menuIcon {
            float: left;
        }

    .sidenav .logo {
        padding: 3% 20% 3% 20%;
    }

    .satisBtnBox, .socialBox, .arrowBox {
        /*display: none;*/
    }

    .arrowBox {
        display: none;
    }

    /************end********************/

}

/******************************************************************************
  Max Width "767px"
*******************************************************************************/
@media (max-width: 767px) {
}
/******************************************************************************
  Max Width "600px" TELEFON YATAY
*******************************************************************************/
@media (max-width: 812px) and (orientation: landscape) {
}

@media (max-width: 640px) {
}

/******************************************************************************
  Max Width "480px"   TELEFON DIKEY
*******************************************************************************/
@media (max-width: 480px) {
}

@media (max-width: 380px) {
}

@media (max-width: 320px) {
}


/******************************************************************************
  Max Width "1048px" - Min Width "767px"
*******************************************************************************/
@media (min-width: 767px) and (max-width: 1048px) {

    .swipeBoxSesliKitap .swiper-container {
        margin-top: 2%;
    }

    .aBook-content {
        font-size: 12px !important;
    }

    .swipeBox .swiper-container {
        margin-top: 2%;
    }

    .swipeDetay {
        font-size: 14px !important;
    }

    .res-title {
        font-size: 18px !important;
    }

    .lightLanguage {
        font: normal normal 800 18px/20px 'Montserrat Light' !important;
        color: #434343;
    }


    .navbar-nav {
      /*  font-size: 20px !important;*/
    }

    .aramaContainer [type="checkbox"]:not(:checked) + label {
        font-size: 8px !important;
    }

    .aramaContainer [type="checkbox"]:checked + label {
        font-size: 8px !important;
    }

        .aramaContainer [type="checkbox"]:checked + label:after {
            top: 0px !important;
            left: 2px !important;
            font-size: 9px !important;
        }

    .mainPage .article-content-header {
        font: oblique normal 900 40px/46px 'Helvetica Neue LT Pro 97 Black Condensed Oblique' !important;
    }

    .article-producer-name {
        font-size: 22px !important;
    }

    .article-content p {
        font: normal normal normal 20px/30px 'Helvetica Neue LT Pro 57 Condensed' !important;
    }

    .article-content span {
        font: normal normal normal 36px/70px Blacksword;
    }

    .producer-image p {
        font: normal normal 16px/20px atrament-web, sans-serif !important;
    }

    .producer-image span {
        font: normal normal normal 14px/2px 'Helvetica Neue LT Pro 55 Roman' !important;
    }


    .ayet {
        font: normal normal normal 22px/30px 'Helvetica Neue LT Pro 57 Condensed' !important;
        float: inherit !important;
        font-weight: bold !important;
    }

    .header-ayet {
        font: oblique normal bold 32px/30px 'Helvetica Neue LT Pro 57 Condensed' !important;
        margin-left: 70%;
        width: 100% !important;
        float: inherit !important;
    }
}

@media (min-width: 767px) and (max-width: 1200px) {


    .sidenav .satisBtnBox {
        bottom: 80px !important;
    }

    .aramaContainer [type="checkbox"]:not(:checked) + label {
        font-size: 10px !important;
    }

    .aramaContainer [type="checkbox"]:checked + label {
        font-size: 10px !important;
    }

        .aramaContainer [type="checkbox"]:checked + label:after {
            top: 0px !important;
            left: 2px !important;
            font-size: 10px !important;
        }

    .producer-image img {
        width: 150px !important;
        height: 150px !important;
        margin: 25px !important;
    }

    .aBook-name {
        position: inherit !important;
        top: 0 !important;
    }
}

@media (max-width: 922px) {

    .swipeBoxSesliKitap .swiper-slide a .kitapAciklamaBox .kitapIsmi {
        font-size: 12px;
    }

    .swipeBoxSesliKitap .swiper-slide a .kitapAciklamaBox .yazarIsmi {
        font-size: 10px;
    }
}

@media (min-width: 767px) {
}



@media (min-width: 1430px) and (max-width: 1650px) {

    .aBook-name {
        width: 200px !important;
    }
}
@media (max-width: 991.99px) {
    .youtube-iframe {
        height: 197px !important;
    }
}


@media (min-width: 767px) and (max-width: 1024.99px) {

    .swipeBoxSesliKitap {
        height: auto !important;
    }
}

@media (min-width: 768px) {

    .article-list > a {
        display: contents !important;
        /*font-size: 22px !important;*/
    }
}
/* Mobil Boyut */
@media (max-width: 767px) {

    #audioSharedAndPlayerDiv{
        margin-bottom:140px;
    }
    .article-audio .audioplayer{
        margin-top:0px;
    }

    .article-audio .audioplayer {
        width: 300px !important;
    }

    .video-p-mobile p {
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        /*     overflow-y: hidden;*/
    }




    
    .mobileBox {
        display: block !important;
    }
    
    .webBox {
        display: none !important;
    }
   

    #mobile-element {
        display: none;
    }

    .navbar-right {
        top: 0 !important;
        margin: auto !important;
        padding: inherit !important;
    }


    .res-search {
        display: none !important;
    }


    #topMenu {
        padding: 0 0 0 0 !important;
    }

    .navbar-nav > li > a {
        width: fit-content !important;
        margin: auto;
        font-size: 18px;
        font-weight: 400 !important;
        padding: 0 !important;
    }

    .navbar-collapse {
        padding: 0 !important;
    }



    .container-fluid > .navbar-collapse {
        margin: 0 !important;
    }

    .producer-image {
        text-align: left;
        margin-left: 34px;
    }

    .articleAuthor, .articleDergiName, .articleDergiDate, .articleCategoryContent .detayLinkBox {
        text-align: left;
    }

    .articleScroll ul li{
        text-align:unset !important;
    }

    .scrollBox .scrollbar {
        height: auto !important;
    }

    .scrollBox {
        height: auto !important;
        padding-bottom: 115px !important;
    }

    .sidenav {
        position: relative !important;
    }

        .sidenav .socialBox {
            position: relative !important;
        }

        .sidenav .satisBtnBox {
            position: absolute !important;
            bottom: 50px !important;
        }

        .sidenav .socialBox {
            position: absolute !important;
            bottom: 0 !important;
        }


        .sidenav ul li {
            font-size: 16px !important;
            margin: 7px 0px !important;
            padding:2px !important;
            text-align:left;
        }
            .sidenav ul li .altmenu > li {           
                margin: 0px !important;
                padding: 0px !important;
            }
            .sidenav ul li .altmenu {
                float: right;
            }
            .sidenav ul li .menuIcon span {
                margin-bottom: 1px !important;
            }

            .sidenav ul li .altmenu > li > a{
                font-size:14px !important;
            }
            .sidenav ul li a {
                padding: 0px !important;
            }


    .mainPage .article-content-header {
        font: oblique normal 900 35px/40px 'Helvetica Neue LT Pro 97 Black Condensed Oblique' !important;
    }

    .mobileLogo {
        width: 80%;
        margin-top: 104px;
        /* padding-left: 50px; */
        margin-left: 10%;
        /*width: 317px;
        margin-top: 104px;
        padding-left: 50px;*/
    }

    .menuPartial_Icon {
        display: inline !important;
        width: 37px;
        height: auto;
        transform: rotate(-270deg);
    }

    .glyphicon-menu-hamburger {
        font-size: 33px !important;
    }

    .glyphicon-search {
        font-size: 33px !important;
    }


    .resMenuIcon {
        width: auto !important;
        border: none !important;
        margin-top: 0 !important;
        display: block !important;
        transform: rotate(0deg) !important;
        transform-origin: unset !important;
        margin-left: auto !important;
        /*   padding-left: 9px!important;*/
    }

    .res-hidden {
        display: none !important;
    }

    .uygulamaBox {
        margin-top: 5% !important;
    }

    .navbar {
        padding-top: 0 !important;
    }

    .navbar {
        position: absolute !important;
        padding-left: 89% !important;
    }

    .sidenav {
        width: 90% !important;
        position: relative !important;
        background-size: cover;
    }

    .videoPage {
        /* margin-top: 5% !important;*/
        margin-bottom: 5% !important;
        overflow-y: hidden !important;
    }

    .videoRes-text {
        font-size: x-small !important;
    }

    .videoRes-time {
        font-size: 11px !important;
        margin-top: -20% !important;
        margin-left: 27% !important;
    }

    .carousel-item-text span {
        font: normal normal bold 13px/16px Montserrat !important;
    }

    .video-detail-header h3 {
        font: normal normal 900 20px/24px 'Montserrat Extra Bold';
        letter-spacing: 0px;
        color: #434343;
        margin-left: 0% !important;
    }

    .video-detail-header {
        margin-top: 6% !important;
        padding: 0 !important;
    }

    .video-detail-mobil {
        /* background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 1px 1px 3px #00000063;
        border-radius: 5px;
        opacity: 1;
        padding: 2% 1%;*/
    }

    .videoPage {
        padding: 5% 5% 0% 5%;
    }

    .videoContainer {
        height: 32vh !important;
        padding: 0 !important;
    }
    .owl-carousel.owl-drag .owl-item{
        min-height:250px !important;
    }

    .categoryName {
        display: block;
        background: transparent linear-gradient(90deg, #00A4B7 0%, #00A4B700 100%) 0% 0% no-repeat padding-box;
        border-radius: 16px 0px 0px 16px;
        opacity: 1;
        text-align: left;
        font: normal normal normal 27px/31px atrament-web;
        letter-spacing: 1.03px;
        color: #FFFFFF;
        opacity: 1;
        border-radius: 20px;
        /* margin-top: 25%;
        margin-bottom:7%;*/
    }

        .categoryName .menuIcon {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background-color: #00a4b7;
            display: inline-block;
            /*line-height: 12px;*/
            text-align: center;
            box-shadow: 3px 2px 5px #000000AD;
            border: 1px solid #FFFFFF;
            margin-left: 2px;
            margin-top: 2px;
        }

            .categoryName .menuIcon span {
                width: 18px;
                height: 18px;
                border-radius: 50%;
                background-color: #fff;
                display: inline-block;
                border: 1px solid #ffffff;
                margin-bottom: 3px;
            }

    .video-detail-header p {
        font: italic normal normal 12px/18px Montserrat;
        letter-spacing: 0.46px !important;
        color: black;
        font-weight: 500;
        margin-left:0% !important;
    }
    .videoRes .carousel-item-text h3 {
        text-align: right;
        position: relative;
        bottom: 0px;
    }
    .youtube-iframe {
        height: 32vh !important;
    }
    .videoRes .carousel-item-text h3 {
        text-align: right;
    }

    .normalVideo {
        display: none;
    }

    .mobileVideo {
        display: block !important;
    }

    .owl-res {
        margin-top: 5%;
        padding: 0 !important;
    }

    .logo-close {
        position: absolute;
        height: 120px;
        z-index: 9999;
        margin-top: -90px !important;
    }

    .hadithMainPage:first-of-type {
        margin-top: 10% !important;
    }

    .res-article-desc{
        display:none!important;
    }
    .aramaLink .yuklenmeTarihi {
        width:100%!important;
    }

    .detayLinkBox .BtnBox a {
        font: normal normal 600 15px/19px 'Montserrat';
        letter-spacing: 0px;
        color: #FFFFFF;
    }

    .mobilProductInformation{
        display:block!important;
    }

    .detail-res {
        font-weight: 600;
    }

    .detailNormal-res{
        display:none!important;
    }
    .detailMobile-res{
        display:block;
    }
    .table > tbody > tr > td{
        border:none;
    }

    .videoContainer {      
        margin:2% auto !important;
        width: 304px;
        height: 172px !important;
    }
    .youtube-iframe {
        height: 167px !important;
    }

    .menu-list .aktif {
        color: #00a4b7 !important;
    }

    .menu-list.aktif {
        border-color: #00a4b7 !important;
    }
    .detail-information{
        padding:0px 5px 0px 5px !important;
    }
    .productMainPage{
        margin-top:-20px!important;
    }
    .padding-button {
        padding-left: 32px !important;
    }

    .video-detail-header p{
        height:auto!important;
    }
    .video-detail-header h3{
        margin-top:15%;
    }

    .kategoriAyrimDiv {
        margin-top: 20px !important;
    }

        .kategoriAyrimDiv img {
            width: 80%;
            margin-left: auto !important;
        }


        .kategoriAyrimDivArticle img {
            width: 80%;
            margin-left: auto !important;
        }
    /*.articleItemText {
        padding: 12px;
        height: 160px !important;
    }*/

    .articleIndexSection{
        margin-top:20px !important;
    }

    .articleItemText a span {      
       font-size: 14px !important;      
    }

    .articleDetailMobil {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 1px 1px 3px #00000063;
        border-radius: 5px;
        opacity: 1;
        padding: 2% 1%;
        margin-bottom: 20px;
        margin-top:20px;
    }

    .articleDetail h3 {
        font: oblique normal 900 25px/32px 'Helvetica Neue LT Pro 97 Black Condensed Oblique' !important;
      
    }
    .articleDetail h4 span {
        font: italic normal normal 25px/32px 'Helvetica Neue LT Pro 57 Condensed';
        letter-spacing: 0.82px;
        color: #00a4b7;
    }

    .articleDetail p {
        font: oblique normal 20px/25px 'Helvetica Neue LT Pro 57 Condensed';
        letter-spacing: 0.58px;
        color: #171717;
        opacity: 1;
        font-weight: 500;
    }

    .articleDetailMobil .detayLinkBox .BtnBox a {
        font: normal normal 500 19px/30px 'Montserrat' !important;
    }

    .swiper-button-prev {
        display: none;
    }
    .swiper-button-next {
        display: none;
    }
  
}


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

 /*   .mainPage {
        min-height: 166vh !important;
    }*/
}

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

/*    .mainPage {
        min-height: 177vh !important
    }*/
}


@media (max-width: 1881px) and (max-height:770px) {

  /*  .mainPage {
        min-height: 166vh !important
    }*/
}


@media (max-width: 376.99px) {
    .sidenav {
        width: 80% !important;
    }

    .navbar {
        padding-left: 78% !important;
    }
    .padding-button {
        padding-left: 18px !important;
    }
}

@media (max-width: 340px) {
    .logo-close {
        width: 70% !important;
    }

    .videoContainer {
        height: 140px!important;
        padding: 0 !important;
        width: 254px!important;
    }
    .youtube-iframe {
        height: 140px !important;
    }
}




@media (min-width: 991.99px) and (max-width: 1200.99px) {
    .youtube-iframe {
        height: 300px !important;
    }
}