/******************************************************************************
  Max Width "1300x"
*******************************************************************************/
@media (max-width: 1366px) {

}

/******************************************************************************
  Min Width "1200x"
*******************************************************************************/
@media (min-width: 1200px) {
}

/******************************************************************************
  Min Width "992px"
*******************************************************************************/
@media (min-width: 992px) {
}

/******************************************************************************
  Max Width "1270px" - Min Width "1200px"
*******************************************************************************/
@media (min-width: 1200px) and (max-width: 1270px) {
}

/******************************************************************************
  Max Width "1199px"
*******************************************************************************/
@media (max-width: 1199px) {
    .RandevuTakvim {
        display: none;
    }

    .RandevuTakvimMobil {
        display: block;
    }
}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) {


    .DosyaEkleBox {
        padding: 5px;
        width: 90%;
    }

    .fotografBox .yukluImage {
        width: calc(50% - 35px);
    }
    .profile-card-3 {
        height: 400px;
    }

        .profile-card-3 p {
            margin-bottom: 5px;
        }

    .swiper-slide {
        width: auto;
        margin-right: 12px;
    }
    .intro-about .intro-content-text h2{
        font-size:38px;
    }
   /* .card-columns {
        column-count: 4;
    }*/
    .brand-client .wapper-client .logo-box{
        height:50px;
    }
    .root-work .projects-list .item a img {
        width: 100%;
    }

    .box-title h2 {
        letter-spacing: 0px;
    }

    .root-work .projects-list .item a .item-info {
        width: auto;
    }
}


/* Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
    .DosyaEkleBox {
        padding: 5px;
        width: 100%;
    }

    .fotografBox .yukluImage {
        width: calc(25% - 35px);
    }

    .RandevuTakvimMobil {
        display: none;
    }

    .RandevuTakvim {
        display: block;
    }
    .searchBox .searchBoxInput{
        width:60%;
    }
    .root-work .projects-list .item a img {
        width: 100%;
    }

    .box-title h2 {
        letter-spacing: 0px;
    }

    .root-work .projects-list .item a .item-info {
        width: auto;
    }
}

/******************************************************************************
  Max Width "1199px" - Min Width "992px" IPAD YATAY
*******************************************************************************/
@media (min-width: 992px) and (max-width: 1199px) {

    .searchBox .searchBoxInput {
        width: 60%;
    }
    .aramaBox{
        margin-top:15px;
    }
    .root-work .projects-list .item a img {
        width: 100%;
    }

    .box-title h2 {
        letter-spacing: 0px;
    }
    .root-work .projects-list .item a .item-info{
        width:auto;
    }
    .appStoreLink img {
        max-width: 180px;
    }
}
/******************************************************************************
  Max Width "991px"
*******************************************************************************/
@media (max-width: 991px) {
}

/******************************************************************************
  Max Width "800px"
*******************************************************************************/
@media (max-width: 800px) {
}
/* Portrait pro */
/* Landscape*/
@media (min-width:992px)and (max-width: 1200px) {
    .blogyazar{
        margin-right:-299px !important;
    }
}
@media (max-width:993px){
    .blogyazar{
        margin-right:-260px !important;
    }
}
@media (max-width:768px){
    .blogyazar{
        margin-right:6px !important;
        float:right;
        font-size:15px !important;
    }
  
}
@media(max-width:343px){
    .blogyazar{
        font-size:13px!important;
    }
}
@media (min-width:768px) and (max-width:993px){
    .blogyazar {
        margin-right: -42px !important;
    }
}
@media(min-width:768px){
    .doktorcontainer{
        max-width:76% !important;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    .basinImageKutu {
        height: 220px;
    }

    .our-news .item-new .content .cta a {
        font-size: 16px;
        line-height: 20px;
    }

    .our-news .item-new .content p {
        margin-top: 10px;
        font-size:14px;
    }
    .tedaviListeBox {
        max-height: 50vh;
    }
    [data-dsn-grid="move-up"], [data-dsn-grid="moveUp"] {
        height: 60vh;
    }
    .basinKutu .link-custom a span {
        letter-spacing: 0px;
        font-size: 10px;
    }

    .link-custom a:before {
        margin: 5px;
    }
    }
/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
   
    
    .DosyaEkleBox {
        padding: 5px;
        width: 90%;
    }
   
    .fotografBox .yukluImage {
        width: calc(50% - 35px);
    }

    .our-work .work-item {
        height: 30vh !important;
    }
    [data-dsn-grid="move-up"], [data-dsn-grid="moveUp"] {
        height: 30vh!important;
    }
    .ihtiyacBox [data-dsn-grid="move-up"], .ihtiyacBox [data-dsn-grid="moveUp"] {
        height: 50vh !important;
    }
}





/******************************************************************************
  Max Width "991px" - Min Width "768px" IPAD DIKEY
*******************************************************************************/
@media (min-width: 768px) and (max-width: 991px) {
    .our-news .item-new .content .cta a {
        font-size: 16px;
        line-height: 20px;
    }

    .our-news .item-new .content p {
        margin-top: 10px;
    }
    .profile-card-3 .card-content {
        padding: 10px;
        font-size: 12px;
    }

    .DosyaEkleBox {
        padding: 5px;
        width: 100%;
    }

    .RandevuTakvim {
        display: none;
    }

    .our-services-2 .services-item{
        padding:0px;
    }
    .link-custom a span{
        font-size:10px;
    }
    .box-seat .pro-text, .box-seat.box-seat-full .pro-text, .box-seat.box-seat-bottom .pro-text{
        padding:0px;
    }
    .v-light .client-see .inner .bg{
        background-color:transparent;
    }
    /*.client-see .inner{
        background-color:#eee;
    }*/
    .root-work .filterings .filtering-wrap .filtering button {
        margin: 0 30px 30px 0;
    }
    .footer .footer-links .footer-block.col-contact p{
        font-size:8px;
    }
    footer a, footer p{
        font-size:8px;
    }
    .footer .footer-links .footer-block .footer-logo{
        width:100%;
    }
    .footer .footer-links .footer-block.col-menu ul li {
        margin-bottom: 4px;
    }
    .headefr-fexid .project-title .title-text-header .title-text-header-inner span {
        line-height: 80px;
    }
    p{
        line-height:normal;
    }
    #estetikDisHekimligi h3{
        font-size:30px;
        font-weight:400;
    }
    .nav__list-item{
        font-size:25px;
    }
    .card-columns {
        column-count: 2;
    }
    .profile-card-3{
        height:300px;
    }
    .profile-card-3 p{
        margin-bottom:5px;
    }
    .swiper-slide {
        width: auto;
        margin-right: 12px;
    }
    .kullaniciBox {
        height: auto;
        max-height: 500px;
    }
    .searchBox .searchBoxInput{
        width:70%;
    }
    .duzenlemeKutusu2 .fileUploadBtn {
        width: 100%;
    }
    .intro-about .background-mask {
        position: absolute;
        top: 0;
        left: auto;
        right: 0;
        bottom: 0;
        width: calc(50% + 50px);
      
    }
    .intro-about .img-box .img-cent {
        height: 30vh;
        margin: 0;
    }
    .box-gallery-vertical .link-custom {
        margin-top: 40px;
    }
    [data-dsn-grid="move-up"], [data-dsn-grid="moveUp"] {
        height: 40vh !important;
    }
    .intro-about .intro-content-text h2{
        font-size:32px;
    }
    h3 {
        font-size: 30px;
    }
    .root-work .projects-list .item a img {
        width: 100%;
    }
    .box-title h2 {
        letter-spacing: 0px;
    }
    .videoBoyut {
        height: 400px;
    }
    .videoKutu {
        margin: 0px 0px 30px 0px;
    }
    .tanitimVideoBox {
        margin-top: 30px;
    }
}
/******************************************************************************
  Min Width "768px" 
*******************************************************************************/
@media (max-width: 768px) {
    .doktorresim{
        padding:50px !important;
    }
  
}

/******************************************************************************
  Max Width "767px"
*******************************************************************************/
@media (max-width: 767px) {

}
/******************************************************************************
  Max Width "600px" TELEFON YATAY
*******************************************************************************/
@media (max-width: 812px) and (orientation: landscape) {
    .bolumAdi {
        padding: 5px 20px;
        text-align: center;
    }
    .button, button:not([data-filter]):not(.mfp-arrow), input[type="button"], input[type="reset"], input[type="submit"]{
        font-size:10px;
    }
    label{
        font-size:10px;
    }
    .searchBox button {
        padding: 10px 5px 9px 5px !important;
    }
    .form-inline .form-control{
        width:auto;
     /*   min-width:60px;*/
    }
    .duzenlemeKutusu2 .fileUploadBtn {
        width: 100%;
    }
    .brand-client .wapper-client .logo-box{
        background-color: #222222;
        min-height:70px;
        height:100px;
    }
    [data-dsn-grid="move-up"], [data-dsn-grid="moveUp"] {
        height: 450px !important;
    }
    .tanitimVideoBox {
        margin-top: 70px;
    }
    .footer .footer-links .footer-block .footer-social ul li a {
        height: 25px;
        width: 25px;
        line-height:25px;
    }
    .box-title h2 {
        letter-spacing: 0px;
    }
}

@media (max-width: 640px) {


}

/******************************************************************************
  Max Width "480px"   TELEFON DIKEY
*******************************************************************************/
@media (max-width: 480px) {
    .haberDetayKutu .haberInfo .haberKaynak {
        width: 100%;
    }
    .gallery-col .box-im {
        padding: 20px 40px;
    }
    .haberDetayKutu h2 {
        margin-bottom: 0px;
    }    .basinImageKutu {
        height: 230px;
    }
    .bolumAdi{
padding:5px 20px;
text-align:center;
    }
    .box-seat .pro-text, .box-seat.box-seat-full .pro-text, .box-seat.box-seat-bottom .pro-text {
        padding: 30px 10px;
    }
    .textPage .textImage img {
        width: 100%;
        margin-left: 0px;
    }

    .textPage .imageText img {
        width: 100%;
        margin-right: 0;
    }

    .textPage .imageText > p, .textPage .textImage > p {
        width: 100%;
    }

    .textPage .sayfaIcerik {
        width: 100%;
    }

    .textPage .sayfaImage {
        width: 100%;
        margin-right: 0;
    }

    .root-work .projects-list .item {
        width: 100% !important;
    }

    .searchBox .searchBoxInput {
        display: inline-block;
        margin: 0px 0px 10px 0px;
    }


    .brand-client .wapper-client .logo-box {
        width: calc(50% - 4px);
        background-color: #222222;
    }

    .fotografBox .yukluImage {
        width: 100%;
    }

    .DosyaEkleBox {
        width: 100%;
        padding: 5px;
    }

        .DosyaEkleBox .yuklenenImage {
            width: 140px;
            height: auto;
            padding: 2px;
            border: 1px solid #cecece;
            border-radius: 10px;
            display: inline-block;
            margin: 8px;
            text-align: center;
            position: relative;
            z-index: 1;
        }

    .randevuCard, .tedaviCard {
        width: 98%;
    }


    .yazdirBtn {
        display: block;
        margin-top: 20px;
    }

    .tariharalik {
        float: none !important;
        line-height: 35px;
        height: 35px;
        margin-top: 15px;
        display: block !important;
        width: 100%;
    }

    .searchBox .searchBoxInput {
        width: 70%;
    }



    .dilKutusu {
        right: 100px;
        top: 10px;
    }

    .v-light .client-see .inner .bg {
        background-color: transparent;
    }

    .profile-card-3 {
        margin-bottom: 15px;
    }

    .swiper-slide {
        width: auto;
        margin-right: 12px;
    }

    .link-custom a span {
        font-size: 11px;
    }

    .intro-about .intro-content-text h6 {
        padding-right: 10px;
        font-size: 10px;
    }

    .nav__list-item {
        font-size: 15px;
    }

    .nav__content {
        justify-content: start;
    }

    .nav__list {
        padding-top: 70px;
    }

    .nav-content {
        display: block;
        width: 100%;
    }

        .nav-content:before, .nav-content:after {
            position: static;
            width: 100%;
        }

    .nav-content {
        height: 50vh;
        top: 55vh;
        bottom: 0px;
        
    }

    .dsn-slider .dsn-slider-content .slide-content .slide-content-inner .title-text-header .title-text-header-inner {
        font-size: 35px;
    }

    .containerx .title-text-header .title-text-header-inner {
        font-size: 35px;
    }

    .nav {
        height: calc(50vh - 70px);
        top: 0vh;

    }
    .LoginPage .LoginForm input{
        background-color:rgb(13,13,13);
    }

    .nav .inner, .nav-content .inner {
        height: auto;
    }

   /* .nav__content {
        height: auto;
    }*/
    body.nav-active .nav address, body.nav-active .nav-content address {
        height: 45vh;
        padding: 0px 0px 50px 0px;
    }
    .nav-content .inner-content {
        background-color: rgba(255,255,255,0.03);
        overflow: auto;
        height: 400px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal
    }

    .nav-content address {
        text-align: center;
    }

    .nav .nav__list-item a, .nav-content .nav__list-item a {
        margin-bottom: 5px;
        padding-bottom: 0px;
    }

    .nav-content address {
        font-size: 14px;
        overflow: auto !important;
    }


    [data-dsn-grid="move-up"], [data-dsn-grid="moveUp"], .tedaviSayfaListe {
        height: auto;
    }

    h3 {
        font-size: 30px;
    }

    .tedaviListeBox {
        flex-direction: column;
        margin: 10px;
        border: 1px solid #ddd;
    }

    .tedaviSira2-1, .tedaviSira2-2 {
        width: 100%;
    }


    .tedaviSira1 {
        width: 100%;
        order: 2;
    }

    .tedaviSira2 {
        width: 100%;
        order: 1;
    }

    .brand-client .wapper-client .logo-box {
        min-height: 40px;
        height: 80px;
    }

    .box-seat .inner-img {
        height: 50vh;
    }

    .gosterbox {
        margin: 10px 0px;
    }

        .gosterbox > div {
            display: block !important;
        }
    .pagination span {
        margin-top: 2px;
        font-size: 10px;
    }
    .kullaniciBox{
        height:auto;
        max-height:500px;
    }
    .headefr-fexid .project-title .title-text-header .title-text-header-inner span {
        font-size: 30px;
    }
    .yazdirBtn{
        margin-top:0px;
    }
    h2{
        font-size:30px;
        font-weight:500;
    }
    .whapsappBtn{
        display:block;
        margin-right:10px !important;

    }
        .insta .whatsapp {
            width: 30px !important;
        }
    .dsn-nav-bar > .header-top > .header-container, .dsn-nav-bar .site-header{
        background-color:black;
    }
    .dsn-nav-bar.hide-nave > .header-top > .header-container, .dsn-nav-bar.hide-nave .site-header {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
    .mobilUygulama img{
        width:100%;
    }
    .appStoreLink{
        max-width:100%;
        width:100%;
    }

    .mobilUygulama .section-margin {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .box-info-contact{
        margin-top:50px;
    }
    .box-gallery-vertical [data-dsn-grid="moveUp"] {
        height: 200px;
    }
    .katalogBox {

        margin-top: 50px;
    }
    .katalogBtn {
        width: 100%;
        text-align: left;
    }
    .intro-about .img-box {
        padding: 0px 20px;
    }
    .root-work .filterings .filtering-wrap .filtering button {
        margin: 0 30px 10px 0;
        padding: 0 5px 5px 5px;
    }
    .root-work .projects-list .item:nth-child(2){
        margin-top:0px;
    }
    .root-work .filterings{
        margin-bottom:10px!important;
    }
    .section-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .sloganBg{
        background-color:rgba(0,0,0,0.4);
        padding-left:10px;
    }
    .tedaviListeBox {
        max-height:inherit;
    }
    body.nav-active .sub-nav .nav__list-item:nth-child(n) a {
       font-size:12px;
    }
    .appStoreLink img{
       /* width:100%;*/
        max-width:260px;
      /*  max-width:100%;*/
    }
    .headefr-fexid{
        height:50vh;
    }
    .ekranGoster,.katalogbtnEkran {
        display: none;
    }
    .mobilegoster,.katalogbtnmobil {
        display: block;
    }
    .tanitimVideoBox{
        margin-top:0px;
    }
    .footer .footer-links {
        padding-top: 20px;
        border-top:0.5px solid #333;
    }
   /* .section-margin{
        margin-bottom:20px;
        margin-top:20px;
    }*/
    .mobilBosluk {
        margin-bottom: 0px;
    }
    .sloganBg, .dsn-slider-content .slide-content .slide-content-inner .link-custom a {
        background-color: rgba(0,0,0,0.4);
    }
    .mobilUygulama.section-padding{
        padding-bottom:30px;
    }
    body.nav-active .nav__list-item {
        margin-bottom: 2px;
    }
    .one-title .title-main {
        font-size: 24px;
    }
    .root-work .projects-list .item a img{
        width:100%;
    }
    .box-title h2{
        letter-spacing:0px;
    }
    .videoBoyut{
        height:200px;
    }
    .one-title .title-main {
        padding-bottom: 10px!important;
    }

    .basinKutu .link-custom a span {
        letter-spacing: 0px;
        font-size: 10px;
    }
    .link-custom a:before {
        margin: 7px 5px;
    }
    .basinHaberKutu2, .basinHaberKutu {
        flex-direction: column;
    }
        .basinHaberKutu2 .haberFoto, .basinHaberKutu .haberFoto {
            display: block;
            margin: 5px auto;
            width:100%;
            height:auto;
            order:0
        }
            .basinHaberKutu2 .haberFoto .kutu, .basinHaberKutu .haberFoto .kutu {
                width: 100%;
                max-height: 250px;
            }
                .basinHaberKutu2 .haberFoto .kutu img, .basinHaberKutu .haberFoto .kutu img {
                    width: 100%;
                    height: auto;
                }
            .basinHaberKutu2 .haberMetin, .basinHaberKutu .haberMetin {
                width: 100%;
            }
    .basinImageKutu {
        height: 220px;
    }

    .our-news .item-new .content .cta a {
        font-size: 15px;
        line-height: 28px;
    }

    .our-news .item-new .content p {
        margin-top: 10px;
        font-size: 13px;
    }
    .haberDetayKutu h2 {
        font-size: 19px;
        letter-spacing: 0px;
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .intro-about .img-box .img-cent {
        height: 50vh!important;
    }
    .box-title h2 {
        letter-spacing: 0px;
    }
}
@media (max-width: 380px) {
 

}
@media (max-width: 320px) {
  
}
@media(max-width: 750px){
    .containerx{
        text-align:center !important;
        margin-left:0px !important;
    }
}

@media(max-width:525px){
    .whapsappBtn .telephoneBtn{
        margin-right:7px;
    }
}

@media(max-width:498px) {
    .whapsappBtn {
        width:33px !important;
        margin-right:-1px !important;
        margin-top:4px !important;
    }
    .telephonBtn {
        width: 50px !important;
        margin-right: 2px !important;
        margin-top: 6px !important;
    }
    .dilBtn{
        margin-right:19px;
    } 
}
@media (max-width:525px) and (min-width:499px){
   

}

@media(max-width:395px){
    .telephonBtn{
        left:-1px !important;
        margin-right:-9px !important;
    }
}
@media (max-width:390px){
    /*.whapsappBtn {
        width: 33px !important;
        margin-right: -1px !important;
    }

    .telephonBtn {
        width: 65px !important;
        margin-right: -1px !important;
    }*/

    .dilBtn {
        margin-right: 12px;
    }
    
}

@media(max-width:420px){
    .dilBtn{
        margin-right:6px;
    }
}

@media (max-width:385px) and (min-width:350px){
    .whapsappBtn {
       width:31px!important;
       margin-right:-3px !important;
    }

    .telephonBtn {
        width: 46px !important;
        left: -5px !important;
        margin-right: -15px !important;
    }
    .dilBtn{
        margin-right:-5px;
    }
}