.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:no-repeat 50%/100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}


.nav-link {
    display: block;
    padding: .5rem 1rem;
}

.justify-content-center {
    justify-content: center!important;
}


.nav {
   
    display: flex;
   
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

@media screen and (min-width: 1650px) { 
    #map_canvas{margin-bottom: 4% !important;}
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {display: none;}
    .topnav a.icon {
      float: right;
      display: block;
      margin-top: 4%
    }

    .team{
        display: unset !important;
    }

    .divler{
        width: unset !important;
    }

    .divler img{
        width: unset !important;
    }
    .team div{margin-top: 7%;
        margin-bottom: 7%;}

    .team div h3{margin-top: 3% !important;}

    .anateam{background-color: white;}

    .satisbaslik{margin-top: 5%;}
  }
  
  /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
  @media screen and (max-width: 600px) {
    .topnav.responsive {position: relative;}
    .topnav.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
    }
    .topnav.responsive a {
      float: none;
      display: block;
      text-align: center;
    }
  }

@media only screen and (max-width:600px) {

    .onlyweb{display: none !important}
   
    .bluelogo{width: 20%;margin-left: 2%;}
    .imzası{color: white;font-size: 20px !important;}
    .menuweb{display: none !important;}
    .menum{opacity: unset !important;}
   
    .pilogo{margin-left: 10%;}
    .mobildegizle{display: none !important}
 }


@media only screen and (min-width:600px) {
    
    .onlymobil{display: none !important}
    
    .abluelogo{float: right;padding: unset;margin-top: 1%}
    .bluelogo{width: 50%;margin-right: 2%;margin-top: 0.5%}
    .weblogo{margin-left: 15%;}
    .webkonsept{margin-left: 5%;}
    .webdegizle{display: none !important}
    .menutel{display: none !important;}
    #mobilmenuark{display: none;}
   .homeMobile{display: none;}
}

@media only screen and (max-width:1680px) {
    .formBtn {
        top: 30%
    }
}

@media only screen and (max-width:1650px) {
    .icDetay5Right {
        height: 220px
    }
    .alt-slider {
        font-size: 17px;
        line-height: 1.3;
        margin: 5px 0 15px
    }
    .sol-yazi {
        width: 90%!important
    }
    .dil {
        right: 400px
    }
    .sloganTitle-m.m2 span {
        font-size: 33px
    }
    .sloganTitle-m.m2 {
        font-size: 16px;
        color: #fff;
        float: left
    }
    .detayRight {
        width: 76%;
        margin-top: 30px;
        height: 570px
    }
    .container {
        width: 85%
    }
    .kesfet {
        left: 0
    }
    .homeLeft {
        left: 14%;
        top: 55px
    }
    .logo {
        display: table;
        width: 150px
    }
    .homeSlogan {
        margin-top: 35px
    }
    .homeTitle {
        font-size: 45px
    }
    .homeLeft p {
        font-size: 25px
    }
    .homeLine {
        margin-top: 15px;
        margin-bottom: 20px
    }
    .bottomText {
        margin-top: 25px;
        width: 430px
    }
    .bottomText strong {
        font-size: 22px
    }
    .bottomText ul li a {
        font-size: 20px;
        height: 46px;
        line-height: 45px
    }
    .aboutTitle {
        font-size: 40px;
        padding-bottom: 10px
    }
    .about {
        padding: 40px 0
    }
    .about-p {
        font-size: 16px;
        line-height: 25px
    }
    .nedenTitle {
        font-size: 40px;
        padding-top: 35px;
        padding-bottom: 40px
    }
    .listSlogan {
        width: 80%;
        margin-left: -40%;
        font-size: 16px;
        padding: 15px 35px
    }
    .nedenBg {
        height: 400px
    }
    .neden-p p {
        width: 100%;
        font-size: 16px;
        padding-right: 15px;
        padding-left: 10px
    }
    .neden-p span {
        width: 65px;
        height: 65px;
        line-height: 70px;
        font-size: 35px
    }
    .neden-p {
        height: 85px
    }
    .nedenList {
        height: 1030px
    }
    .fotoGaleri {
        margin-top: 40px
    }
    ul.tabMenu li a {
        padding-top: 20px;
        font-size: 15px
    }
    #map_canvas {
        height: 350px
    }
    .yolTitle {
        font-size: 30px;
        padding-bottom: 25px
    }
    .adresTitle {
        font-size: 30px;
        margin-bottom: 10px
    }
    .adres p {
        font-size: 17px
    }
    div#detaySlide1 {
        width: 50%
    }
    div#detaySlide1 .item {
        height: 554px
    }
    .owl-nav .owl-prev {
        width: 45px;
        height: 45px
    }
    .owl-nav .owl-next {
        width: 45px;
        height: 45px
    }
    .icDetay-p {
        height: 220px;
        padding-top: 90px;
        width: 45%
    }
    .icDetay-p strong {
        font-size: 19px
    }
    .icDetay-p p {
        font-size: 15px;
        padding-bottom: 10px
    }
    .detayNum p {
        font-size: 20px
    }
    .detayNum {
        height: 50px
    }
    .detayNum span {
        line-height: 80px;
        font-size: 43px;
        width: 80px
    }
    .nedenList.nHeight {
        height: 470px
    }
    .nedenList ul li.active {
        top: -150px;
        left: -70px
    }
    div#detaySlide2 {
        width: 65%
    }
    div#detaySlide2 .item {
        height: 554px
    }
    .icDetay2Right {
        width: 35%
    }
    .icDetay2Right .detayNum {
        width: 360px
    }
    .icDetay2-p {
        padding: 0 30px;
        padding-top: 160px
    }
    .icDetay2-p strong {
        font-size: 20px;
        padding-bottom: 10px
    }
    .icDetay2-p p {
        font-size: 15px
    }
    .icDetay3Left {
        width: 40%
    }
    .detay3Bg {
        height: 60%
    }
    div#detaySlide3 {
        height: 40%
    }
    div#detaySlide3 .item {
        height: 221px
    }
    .icDetay3-p strong {
        font-size: 22px
    }
    .icDetay3-p p {
        font-size: 16px;
        padding-top: 10px
    }
    .icDetay3-p {
        padding-top: 110px
    }
    div#detaySlide4 .item {
        height: 554px
    }
    .icDetay4Right {
        width: 45%
    }
    .detay4Bg {
        height: 60%
    }
    .icDetay4Right .detayNum {
        width: 90%;
        bottom: -30px
    }
    .icDetay4-p {
        height: 40%;
        padding-top: 45px;
        padding-left: 25px;
        padding-right: 20px
    }
    .icDetay4-p strong {
        font-size: 18px
    }
    .icDetay4-p p {
        padding-bottom: 10px;
        font-size: 14px;
        box-sizing: border-box
    }
    .icDetay5Ust {
        height: 40%
    }
    div#detaySlide5 {
        height: calc(100% - 220px)
    }
    div#detaySlide5 .item {
        height: 332px
    }
    .icDetay5-p {
        padding-left: 70px;
        padding-top: 105px
    }
    .icDetay5-p strong {
        font-size: 22px
    }
    .icDetay5-p p {
        font-size: 14px
    }
    .icDetay5Ust .detayNum {
        margin-top: 20px
    }
    .icDetay6Left {
        width: 40%
    }
    .icDetay6Right {
        width: 60%
    }
    div#detaySlide6 .item {
        height: 249px
    }
    .icDetay6Right .detayNum {
        width: 65%
    }
    .icDetay6-p {
        padding-left: 30px;
        padding-right: 30px
    }
    .icDetay6-p strong {
        font-size: 20px
    }
    .icDetay6-p p {
        font-size: 15px
    }
    .fullGorsel {
        background-position: center right!important
    }
    .contactRight {
        width: 45%
    }
    .social ul li a i {
        width: 25px
    }
    .social ul li a span {
        font-size: 20px
    }
    .social ul li {
        margin-right: 10px
    }
    .social ul {
        width: auto;
        display: table;
        float: right
    }
    .ulasimTitle {
        font-size: 30px;
        margin-bottom: 40px
    }
    .ulasim {
        padding-top: 170px
    }
    .ulasim ul li p {
        font-size: 25px
    }
    .ulasim ul li p span {
        font-size: 18px
    }
    .ulasim ul li p strong {
        padding-top: 8px
    }
    .form-title {
        margin: 15px 0 10px;
        font-size: 18px;
        line-height: 21px
    }
    .formNm {
        margin-bottom: 9px
    }
    .detayNum.detayNum5 {
        width: auto
    }
    .form-holder {
        width: 350px;
        padding: 0 30px
    }
    .form-holder5 {
        width: 350px;
        padding: 0 30px
    }
    .kapatForm {
        width: 50px;
        height: 50px
    }
    .icDetay4-p h3 {
        margin-bottom: 0;
        font-size: 16px
    }
    .superPat {
        width: 11%
    }
    .icDetay-p.iki {
        padding-top: 90px
    }
    .icDetay-p.iki .detayNum {
        width: 65%
    }
    .icDetay-p.uc {
        width: 47%;
        padding-top: 85px;
        height: 170px
    }
    .icDetay-p.dort .detayNum {
        width: 100%
    }
    .icDetay-p.dort {
        width: 46%
    }
    .icDetay-p.bes .detayNum {
        width: 75%
    }
    .ornekDaire {
        width: 16%;
        left: -19%;
        top: -25px
    }
}

@media only screen and (max-width:1550px) {
    .form-holder2 {
        width: 280px;
        padding: 0 20px
    }
    .form-title2 {
        font-size: 13px
    }
    .formBtn {
        top: 50%;
        width: 40px;
        display: block !important;
    }
    .formBtn2 {
        width: 40px
    }
    .kapatForm2 {
        width: 40px;
        height: 40px;
        left: -20px
    }
    .slogan {
        font-size: 40px
    }
    .sagBg {
        width: 68%
    }
    .dil {
        right: 325px
    }
    .yasamTitle {
        font-size: 30px;
        top: -18px;
        left: 8%
    }
    .yasam .owl-dots .owl-dot {
        width: 16px;
        height: 16px
    }
    .yasam .owl-dots {
        right: 8%
    }
    ul.vGaleriList li a {
        height: 260px;
        padding-top: 50px
    }
    ul.vGaleriList li a i {
        width: 70px
    }
    ul.vGaleriList li a strong {
        font-size: 27px
    }
    .alt-slider {
        font-size: 13px;
        margin: 5px 0 10px
    }
    .sol-yazi {
        width: 100%!important
    }
    .pat2 {
        width: 15%!important
    }
    .daireImg {
        left: 45%;
        width: 33%
    }
    .fullGorsel {
        background-position: center center!important
    }
    .form-holder {
        width: 350px;
        padding: 0 20px
    }
    .form-holder5 {
        width: 350px;
        padding: 0 20px
    }
    .form-title {
        font-size: 15px
    }
    .contact_form .form-text,
    .contact_form .form-textarea {
        height: 28px;
        font-size: 13px
    }
    .formNm {
        font-size: 12px
    }
    .contact_form LI {
        margin-bottom: 10px
    }
    .contact_form LABEL {
        margin-bottom: 5px
    }
    input[type=checkbox]:not(old)+label,
    input[type=radio]:not(old)+label {
        font-size: 12px
    }
    .con_contact_type input[type=radio]:not(old)+label {
        font-size: 12px;
        letter-spacing: 0
    }
    .form-submit {
        height: 38px;
        margin-top: 10px
    }
    .kapatForm {
        width: 40px;
        height: 40px;
        left: -26px
    }
    .solyaziContainer {
        padding: 30px 5% 20px 100px;
        width: 32%
    }
}

@media only screen and (max-width:1460px) {
    .pat2 {
        width: 22%!important
    }
    .solyaziContainer {
        padding: 0 3% 0 70px
    }
    .alt-slider {
        font-size: 18px;
        line-height: 1.6;
        margin: 30px 0 45px
    }
    .slogan2 {
        font-size: 32px;
        margin-top: 32px
    }
    .slogan2 span {
        width: 240px
    }
}

@media(min-height:600px) and (max-height:630px) {
    .detayRight {
        margin-top: 15px
    }
}

@media only screen and (max-width:1366px) {
    .slogan2 {
        font-size: 31px
    }
    .slogan2 span {
        width: 210px;
        margin-right: 9px;
        margin-top: -27px
    }
    .alt-slider {
        margin: 10px 0 20px;
        font-size: 14px;
        line-height: 1.2
    }
}

@media only screen and (max-width:1290px) {
    .fullGorsel {
        background-position: center!important
    }
    .homeSlogan {
        margin-top: 30px
    }
    .homeTitle {
        font-size: 40px
    }
    .logo {
        width: 180px
    }
    .homeLeft p {
        font-size: 20px
    }
    .bottomText strong {
        font-size: 20px
    }
    .bottomText {
        width: 380px
    }
    .nedenTitle {
        font-size: 34px
    }
    .listSlogan {
        width: 90%;
        margin-left: -45%;
        font-size: 15px;
        padding: 10px 30px
    }
    .neden-p p {
        font-size: 13px
    }
    .nedenBg {
        height: 350px
    }
    .nedenList {
        height: 950px
    }
    .nedenList ul li.active {
        top: -80px
    }
    ul.vGaleriList li a:hover {
        letter-spacing: 2px
    }
    .icDetay-p.iki {
        height: 200px
    }
}

@media only screen and (max-width:1024px) {
    .pat2 {
        width: 43%!important
    }
    .form-holder {
        position: fixed;
        top: 104px;
        transform: none;
        height: 450px
    }
    .form-holder5 {
        position: fixed;
        top: 50px;
        transform: none;
        height: 450px
    }
}

@media only screen and (max-width:1100px) {
    .detayNum p {
        font-size: 15px;
        padding: 5px 20px
    }
    .detayNum span {
        font-size: 35px;
        width: 60px
    }
    .icDetay-p {
        padding-left: 20px;
        padding-right: 10px;
        width: 55%
    }
    .icDetay-p strong {
        font-size: 17px
    }
    .icDetay-p p {
        font-size: 14px;
        width: 100%
    }
    .icDetay6-p strong {
        font-size: 18px
    }
    .icDetay6-p {
        padding-left: 15px;
        padding-right: 15px
    }
    .icDetay3Right .detayNum {
        width: 65%
    }
    .icDetay3-p {
        padding-top: 120px
    }
    .icDetay3-p strong {
        font-size: 16px
    }
    .icDetay3-p p {
        font-size: 14px
    }
    .icDetay5-p {
        padding-left: 40px;
        padding-right: 50px
    }
    .icDetay5-p strong {
        font-size: 21px
    }
    .icDetay5-p p {
        font-size: 12px
    }
    .icDetay4-p strong {
        font-size: 14px
    }
    .icDetay4-p p {
        font-size: 13px
    }
    .icDetay2-p strong {
        font-size: 17px
    }
    .icDetay2-p p {
        font-size: 14px
    }
    .px-video-controls {
        bottom: 13%
    }
    .adresTitle {
        font-size: 25px
    }
    .adres p {
        font-size: 14px;
        line-height: 25px
    }
    .takip {
        font-size: 16px
    }
    .social {
        margin-top: 25px
    }
    .contactLeft {
        width: 55%
    }
    .social ul li a span {
        font-size: 14px
    }
    .social ul li a i {
        width: 20px
    }
    .ulasim ul li i {
        width: 50%;
        display: table;
        margin: auto;
        margin-bottom: 13px
    }
    .ulasim ul li p {
        font-size: 17px
    }
    .ulasim ul li p span {
        font-size: 14px
    }
    ul.vGaleriList li a {
        font-size: 22px
    }
    ul.vGaleriList li a strong {
        font-size: 29px
    }
    .slider1 {
        /* background-position: center right; */
    }
    .about {
        padding: 90px 0 30px
    }
    .about p {
        font-size: 15px
    }
    .icDetay-p.iki {
        width: 58%
    }
    .icDetay-p.uc {
        width: 51%
    }
    .icDetay-p.dort {
        width: 53%
    }
    .icDetay-p.bes {
        width: 55%
    }
    .kazanc {
        width: 30%;
        left: 32%
    }
    .pesinatVade {
        width: 23%
    }
    .efsane {
        width: 68%
    }
}

@media only screen and (max-width:768px) {
    .ornekDaire {
        width: 25%;
        left: 33%;
        top: -150px
    }
    
    .homeReturn {
        position: relative;
        left: 0;
        top: 0;
        z-index: 2;
        background-color: #3958b2;
        font-size: 15px;
        color: #fff;
        padding: 7px 18px;
        transform: rotate(0);
        margin: 0;
        display: table;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box
    }
    .homeReturn img {
        float: left;
        display: inline-block;
        width: 20px
    }
    .homeReturn span {
        margin-left: 12px;
        position: relative;
        top: 1px
    }
    span.scTitle img {
        width: 150px
    }
    .labelCont {
        padding: 5px 0;
        display: inline-block;
        position: relative;
        float: left;
        width: 100%
    }
    label.label2 {
        margin: 0!important;
        padding-left: 25px!important;
        box-sizing: border-box;
        z-index: 4;
        background-image: url(../images/form/checks.png)!important
    }
    span.scTitle {
        width: 100%;
        display: inline-block;
        text-align: left;
        font-size: 25px;
        margin-top: -24px;
        font-weight: 700;
        color: #8b6f4c;
        line-height: 1;
        position: relative;
        z-index: 2
    }
    span.scText {
        display: inline-block;
        width: calc(100% - 100px);
        text-align: left;
        float: left;
        line-height: 1.6;
        font-size: 10px;
        position: relative;
        z-index: 2;
        color: #fff
    }
    .con_contact_type span.scText {
        font-size: 12px
    }
    span.sinpasPrivate {
        position: absolute;
        right: 15px;
        width: 80px;
        z-index: 2
    }
    .labelCont2 {
        width: 100%;
        display: inline-block;
        padding: 5px 0;
        margin-bottom: 5px
    }
    .secim {
        display: inline-block
    }
    .contact_form .form-text,
    .contact_form .form-textarea {
        color: #2e184f
    }
    input[type=checkbox]:not(old)+label,
    input[type=radio]:not(old)+label {
        background: url(../images/form/checks-m.png) no-repeat;
        width: calc(100% - 10px);
        margin-left: 10px!important;
        text-align: left
    }
    .homeReturn img {
        width: 18px
    }
    .galeri a::after,
    .galeri-m a::after {
        width: 80px;
        top: inherit!important;
        bottom: 5%!important;
        height: 80px;
        background-position: left bottom
    }
    .formLogoRenkli {
        display: table;
        margin: 20px auto 0;
        width: 70%
    }
	
    .fancybox-button--left,
    .fancybox-button--right {
        display: block!important;
        border: none!important;
        border-radius: 0!important;
        width: 44px;
        height: 44px
    }
    .kriter-m {
        display: inline-block;
        width: 100%
    }
    .kriter {
        display: none
    }
    .dekstopSlider {
        display: none!important
    }
    .mobileSlider {
        display: block!important
    }
    .sol-yazi {
        padding: 0;
        width: 70%!important;
        margin-left: 15%;
        left: 0;
        height: auto
    }
    .slider1 {
        align-items: flex-start;
        box-sizing: border-box;
        background-position: center bottom;
        height: 100vh;
        display: flex;
        justify-content: center
    }
    .alt-slider {
        width: 100%;
        font-size: 13px;
        padding: 15px 10px 65px 10px;
        box-sizing: border-box;
        position: absolute;
        margin: 0
    }
    .alt-slider p {
        padding: 0;
        text-align: center
    }
    .mobileNav {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }
    .mobileNav .detayPrev {
        float: left;
        margin: 0;
        padding: 0;
        border: none
    }
    .homePage {
        height: auto
    }
    #homeSlide .item {
        height: 56vh
    }
    .kesfet {
        display: none
    }
    .homeLeft {
        left: 30px
    }
    #homeSlide .owl-dots {
        position: relative!important;
        display: table!important;
        right: auto!important;
        bottom: 0!important;
        margin: auto!important;
        padding: 10px;
        box-sizing: border-box
    }
    section#sect1 {
        background: #2e184f
    }
    .homeLeft p {
        font-size: 18px
    }
    
    .container {
        width: 97%
    }
    .nedenTitle {
        font-size: 32px
    }
    .listSlogan {
        width: 95%;
        margin-left: -47.5%;
        font-size: 14px
    }
    .neden-p span {
        position: absolute;
        margin: 0;
        top: -36px;
        width: 100%;
        font-size: 24px;
        line-height: 51px;
        height: 50px
    }
    .neden-p p {
        text-align: center
    }
    ul.tabMenu li {
        width: calc(33.33% - 10px)
    }
    ul.tabMenu {
        width: 100%
    }
    .detayRight {
        margin-right: 0;
        margin-top: 70px;
        width: 95%
    }
    .detayClose {
        right: 104px;
        z-index: 1;
        top: -65px
    }
    .nedenList ul li.active {
        left: 0;
        top: -70px
    }
    .icDetay-p strong {
        font-size: 16px
    }
    .icDetay-p p {
        font-size: 13px;
        padding-bottom: 5px
    }
    .detayNum {
        bottom: -20px
    }
    div#detaySlide2 {
        width: 40%
    }
    .icDetay2Right {
        width: 60%
    }
    .detayNum p {
        font-size: 14px
    }
    .icDetay2-p strong {
        font-size: 15px
    }
    .icDetay2-p p {
        font-size: 13px
    }
    .icDetay3Right .detayNum {
        width: 80%
    }
    .icDetay4Right .detayNum {
        width: 100%
    }
    .icDetay4-p strong {
        font-size: 14px
    }
    .icDetay4-p p {
        font-size: 13px
    }
    .icDetay5-p {
        padding-left: 20px;
        padding-right: 20px
    }
    .icDetay5-p strong {
        font-size: 18px
    }
    .icDetay5-p p {
        padding-top: 0
    }
    .icDetay6Left {
        width: 35%
    }
    .icDetay6Right {
        width: 65%
    }
    .icDetay6-p strong {
        font-size: 15px
    }
    .icDetay6-p p {
        font-size: 14px
    }
    .icDetay6Left {
        width: 35%
    }
    .icDetay6Right {
        width: 60%
    }
    .icDetay6-p strong {
        font-size: 15px
    }
    .icDetay6-p p {
        font-size: 14px
    }
    .px-video-controls {
        bottom: 16%
    }
    .iletisim {
        padding-bottom: 100px
    }
    .iletisim-m {
        display: block;
        position: fixed;
        z-index: 999;
        bottom: 0;
        left: 0;
        right: 0
    }
    .formBg {
        position: relative;
        display: inline-block;
        width: 100%;
        background-size: cover!important;
        background-position: center!important;
        height: 75px
    }
    .formTitle {
        position: absolute;
        width: auto;
        height: 55px;
        padding: 13px;
        background: #fff;
        box-shadow: 0 7px 57px 0 rgba(0, 0, 0, .59);
        border-radius: 50px;
        text-align: center;
        font-weight: 700;
        color: #000;
        font-size: 19px;
        z-index: 9;
        top: -5px;
        left: 50%;
        transform: translate(-50%);
        padding-top: 18px;
        box-sizing: border-box;
        line-height: 22px
    }
    
    .form-title {
        margin: 30px 0 20px;
        color: #fff
    }
   
    .socialTel-m {
        position: relative;
        width: 100%;
        display: inline-block
    }
    .spCont {
        display: none
    }
    .social-m {
        position: relative;
        float: left
    }
    .formTel-m {
        position: relative;
        float: right;
        margin-top: 5px
    }
    .social-m ul {
        display: inline-block;
        width: 100%
    }
    .social-m ul li {
        position: relative;
        float: left;
        margin-right: 10px
    }
    .social-m ul li a {
        display: block
    }
    .formTel-m a {
        position: relative;
        display: inline-block;
        width: 100%
    }
    .formTel-m a i {
        position: relative;
        float: left
    }
    .formTel-m a span {
        position: relative;
        float: left;
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        padding-left: 10px
    }
    .form-submit {
        background: #c1001b;
        color: #fff;
    }
    .contact_form LABEL a {
        color: #fff
    }
    select#Ulke {
        border: none
    }
    .formNm {
        color: #fff
    }
    ::-webkit-input-placeholder {
        color: #fff
    }
    :-moz-placeholder {
        color: #fff;
        opacity: 1
    }
    ::-moz-placeholder {
        color: #fff;
        opacity: 1
    }
    :-ms-input-placeholder {
        color: #fff
    }
    .contact_form .form-text,
    .contact_form .form-textarea {
        color: #fff
    }
    input[type=checkbox]:not(old)+label,
    input[type=radio]:not(old)+label {
        background: url(../images/form/checks.png) no-repeat
    }
    .formTitle.active {
        color: transparent;
        transition: .3s;
        padding-top: 25px
    }
    .formTitle.active::before {
        content: "";
        background: url(../images/formClose.png) no-repeat;
        width: 32px;
        height: 32px;
        position: absolute;
        color: #40216e;
        font-size: 38px;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        transition: .3s;
        background-size: cover
    }
    .detayArrow {
        right: -8px;
        top: -65px
    }
    .detayNext {
        float: left
    }
    .detayPrev a {
        transform: rotate(0)
    }
    .detayNext a {
        transform: rotate(180deg)
    }
    .contactLeft {
        width: 68%;
        display: table;
        margin: auto;
        float: none;
        margin-top: 20px
    }
    .adres p {
        font-size: 16px;
        margin-bottom: 30px
    }
    .contactRight {
        float: none;
        display: table;
        margin: auto;
        width: 48%
    }
    .takip {
        text-align: center;
        font-size: 18px
    }
    .fBg.active {
        transform: scale(21)
    }
    .homePage {
        display: none
    }
    .dil {
        right: 10px
    }
    .superPat {
        top: auto;
        left: auto;
        right: 6%;
        bottom: 5%;
        width: 20%
    }
    .fiyatPat {
        bottom: auto;
        top: 17%;
        width: 45%
    }
    .detayPrev {
        border-top: none
    }
    .items.slider1.slide-m {
        display: inline-block;
        width: 100%
    }
    .efsane {
        position: relative;
        display: table;
        margin: auto;
        left: 0;
        transform: translateX(0);
        padding: 100px 0;
        top: 0;
        box-sizing: border-box
    }
    .pesinatVade {
        left: auto;
        right: 1%;
        top: 25%;
        width: 32%
    }
}

@media only screen and (max-width:600px) {
    .containerAbout {
        width: 100%
    }
    .ornekDaire {
        top: -135px;
        width: 120px;
        left: 50%;
        margin-left: -60px
    }
    .mobileSlider {
        background-color: #fff
    }
    .slogan {
        font-size: 26px;
        width: 100%;
        top: 15%;
        padding: 0 15px;
        box-sizing: border-box
    }
    .slogan strong {
        color: #e1ca71
    }
    ul.tabMenu li a.active {
        background: #122846
    }
    .aboutTitle {
        font-size: 19px;
        text-align: center
    }
    .aboutTitle br {
        display: none
    }
    .about p {
        font-size: 15px;
        text-align: center
    }
    .about p br {
        display: none
    }
    .slider1 {
        height: 650px
    }
    .nedenp-m strong {
        font-weight: 700;
        font-size: 120%;
        display: block
    }
    .yasam .item {
        padding: 30px 0 50px;
        width: 100%
    }
    .yImg {
        width: 100px;
        height: 100px;
        margin: 0 0 0 10px
    }
    .yBorder {
        left: 70px
    }
    .yTitle {
        margin-top: 10px;
        margin-left: 10px
    }
    .yasamTitle {
        font-size: 18px;
        width: 100%;
        text-align: center;
        left: 0;
        top: -40px;
        color: #fff
    }
    section.yasam:before {
        height: 100%;
        top: 0
    }
    .yasam .owl-dots {
        position: relative;
        right: 0;
        margin-bottom: -20px;
        top: 20px
    }
    .innerTab li a {
        color: #8997aa;
        font-size: 15px
    }
    .innerTab li a.active {
        color: #fff;
        border-bottom: 1px solid #fff
    }
    .innerTab2 li a {
        color: #aea9dc;
        font-size: 13px
    }
    .innerTab2 li a.active {
        color: #fff;
        border-bottom: 1px solid #fff
    }
    .tarih {
        bottom: 0;
        font-size: 13px
    }
    .sloganTitle-m.m2 span:nth-child(2) {
        border-top: 1px solid #fff
    }
    .sloganTitle-m.m2 span:last-child {
        border-top: 1px solid #fff;
        margin-top: 5px;
        display: inline-block;
        width: 100%;
        padding-top: 5px
    }
    .sloganTitle-m.m2 {
        margin-top: 10px
    }
    .homeSlogan-m {
        position: relative
    }
    .slogan2 {
        display: none
    }
    .sloganTitle-m {
        margin-top: 14px
    }
    .pat2 {
        width: 46%!important;
        bottom: 37%!important
    }
    .nedenBg-m::before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 60%;
        background: -moz-linear-gradient(top, rgba(21, 62, 97, 0) 0, rgba(21, 62, 97, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(21, 62, 97, 0) 0, rgba(21, 62, 97, 1) 100%);
        background: linear-gradient(to bottom, rgba(21, 62, 97, 0) 0, rgba(21, 62, 97, 1) 100%)
    }
    body {
        background: #153e61
    }
    .neden {
        display: none
    }
    .about {
        padding: 50px 15px 50px;
        box-sizing: border-box
    }
    .owl-carousel .owl-item img {
        height: 190px !important;
    }
    .nav{
        margin-bottom: unset !important;
    }
    #homeSlide .item {
        height: 440px
    }
    .homeLeft {
        left: 0;
        top: 0;
        background: rgba(35, 12, 69, .4);
        padding-left: 20px;
        padding-top: 20px;
        padding-right: 10px;
        box-sizing: border-box
    }
    .homeSlogan {
        display: table;
        margin-top: 20px
    }
    .logo {
        width: 130px
    }
    .homeTitle {
        font-size: 30px
    }
    .homeBorder {
        border: solid 5px #200f39
    }
    .bottomText ul li a {
        font-size: 15px;
        height: 35px;
        line-height: 33px
    }
    .homeLine {
        width: 70%;
        margin-top: 10px;
        margin-bottom: 10px
    }
    .bottomText {
        width: 93%
    }
    .adres {
        width: 100%;
        border: none;
        padding-left: 0;
        float: none;
        text-align: center;
        margin-top: 0
    }
    .adresTitle {
        font-size: 35px;
        margin-bottom: 5px
    }
    .adres p {
        font-size: 15px;
        line-height: 20px
    }
    .logoTel {
        width: 25%;
        display: none
    }
    .logoTel a {
        display: none
    }
    .yolTel {
        position: relative;
        display: inline-block;
        width: 100%;
        margin-bottom: 25px
    }
    .yolTarifi {
        position: relative;
        float: left;
        height: 45px;
        background: #205685;
        display: table;
        width: 48%
    }
    .yolTarifi a {
        display: table-cell;
        vertical-align: middle;
        padding: 0 14px;
        box-sizing: border-box
    }
    .yolTarifi a i {
        position: relative;
        float: left;
        padding-right: 8px
    }
    .yolTarifi a span {
        position: relative;
        color: #fff;
        float: left;
        font-size: 15px;
        padding-top: 2px;
        box-sizing: border-box
    }
    .tel-m {
        position: relative;
        float: left;
        background: #205685;
        height: 45px;
        display: table;
        margin-left: 2%;
        width: 48%
    }
    .tel-m a {
        display: table-cell;
        vertical-align: middle;
        padding: 0 20px;
        box-sizing: border-box
    }
    .tel-m a i {
        position: relative;
        float: left;
        padding-right: 5px
    }
    .tel-m a span {
        position: relative;
        color: #fff;
        float: left;
        font-size: 18px;
        font-weight: 700
    }
    .yolTitle {
        display: none
    }
    #map_canvas {
        display: none
    }
    .fotoGaleri-m {
        position: relative;
        width: 96%;
        float: right;
        margin-top: 20px
    }
    ul.tabMenu-m {
        position: relative;
        display: inline-block;
        width: 95%;
        margin-bottom: 10px
    }
    ul.tabMenu-m li {
        position: relative;
        float: left;
        width: calc(33.33% - 5px);
        background: #40216e;
        margin-right: 5px
    }
    ul.tabMenu-m li a {
        display: block;
        color: #fff;
        font-weight: 700;
        box-sizing: border-box;
        font-size: 13px;
        height: 50px;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        padding: 0
    }
    ul.tabMenu-m li:last-child {
        margin-right: 0
    }
    .galeri-m .item {
        position: relative;
        width: 100%
    }
    .galeri-m .item a {
        position: relative;
        display: inline-block;
        width: 100%
    }
    ul.tabMenu-m li a.active {
        background: #726bb1
    }
    .neden-m {
        position: relative;
        display: inline-block;
        width: 96%;
        float: right;
        margin-top: 35px
    }
    .nedenList-m {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 2%;
    }
    .galeri-m .item::before {
        content: "";
        position: absolute;
        background: url(../images/zoom.png) no-repeat;
        width: 22px;
        height: 21px;
        background-size: 100%;
        z-index: 3;
        top: 5px;
        right: 5px;
        pointer-events: none
    }
    .nedenBg-m {
        position: relative;
        width: 100%;
        height: 250px;
        background-size: cover!important;
        background-position: top!important;
        border: solid 3px #205685;
        box-sizing: border-box
    }
    .nedenBg-m span {
        position: absolute;
        bottom: -21px;
        left: 0;
        color: #fff;
        font-weight: 700;
        font-size: 82px
    }
    .nedenp-m {
        position: relative;
        display: inline-block;
        width: 100%;
        color: #fff;
        font-weight: 400;
        font-size: 12px;
        padding-top: 10px;
        box-sizing: border-box;
        padding-right: 35px
    }
    .neden-mTitle {
        position: relative;
        display: inline-block;
        width: 100%;
        color: #fff;
        margin-bottom: 6px;
        font-size: 20px
    }
    .neden-mTitle span {
        color: #d3b763;
        display: block
    }
    .nedenSlide-m {
        position: relative;
        display: inline-block;
        width: 100%
    }
    .nedenSlide-m .item {
        position: relative;
        width: 100%;
        display: inline-block
    }
    .detay-m {
        margin-top: 27%;
        display: inline-block;
        width: 100%;
        position: fixed;
        height: 100vh;
        background: #222b4a;
        z-index: 9;
        top: 0;
        bottom: 0;
        display: none
    }
    .detayBg-m {
        position: relative;
        width: 100%;
        display: inline-block;
        background-size: cover!important;
        background-position: center!important;
        height: 300px
    }
    .detayIc-m {
        position: relative;
        display: inline-block;
        width: 100%;
        padding-left: 25px;
        padding-right: 20px;
        padding-top: 30px;
        box-sizing: border-box;
        color: #fff
    }
    .detayIc-m strong {
        position: relative;
        display: block;
        font-size: 30px;
        padding-bottom: 10px;
        box-sizing: border-box
    }
    .detayIc-m p {
        position: relative;
        display: block;
        font-size: 17px;
        font-weight: 300;
        margin-bottom: 20px;
        box-sizing: border-box;
        padding-right: 40px
    }
    .detayNum-m {
        position: absolute;
        color: #fff;
        font-size: 120px;
        font-weight: 700;
        bottom: -30px;
        left: 20px
    }
    .back {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: rgba(46, 24, 79, .6);
        padding: 10px 12px
    }
    .back i {
        position: relative;
        float: left;
        width: 13px
    }
    .back span {
        position: relative;
        float: left;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        padding-top: 3px;
        padding-left: 5px;
        box-sizing: border-box
    }
    .px-video-controls button {
        width: 40px;
        height: 40px;
        background-size: cover
    }
    .px-video-controls button.px-video-pause {
        width: 50px;
        height: 50px;
        background-size: cover
    }
    .px-video-controls button.px-video-pause:focus,
    .px-video-controls button.px-video-pause:hover {
        width: 40px;
        height: 40px;
        background-size: cover
    }
    .pull-left {
        top: 60%
    }
    .px-video-controls {
        bottom: 17%
    }
    .formBg {
        height: 55px
    }
    .formTitle {
        width: auto;
        height: 35px;
        font-size: 14px;
        top: -2px;
        transition: .3s;
        padding-top: 11px;
        line-height: 16px
    }
    .formTitle.active::before {
        width: 22px;
        height: 22px
    }
    .formTitle.active {
        padding-top: 17px
    }
    .galeriKat-m .item a {
        background: url(../images/katBg.jpg) no-repeat;
        background-size: cover;
        display: inline-block;
        height: 120px;
        width: 39vw
    }
    .galeriKat-m .item a strong {
        position: absolute;
        color: #fff;
        font-weight: 400;
        font-size: 20px;
        padding: 20px 20px;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0
    }
    .galeriKat-m .item a:after {
        content: "";
        position: absolute;
        width: 15px;
        height: 15px;
        right: 0;
        bottom: 0;
        background: #fff;
        transition: .3s
    }
    .galeriKat-m .item a:hover:after {
        width: 40px;
        height: 40px;
        transition: .3s
    }
    .adres p strong {
        font-size: 24px;
        padding-top: 9px
    }
    .contactLeft {
        width: 100%;
        margin-top: 0
    }
    .iletisim {
        padding-top: 30px;
        padding-bottom: 90px
    }
    .contactRight {
        width: 100%
    }
    .social ul {
        float: none;
        margin: auto
    }
    .footerContact-m {
        position: relative;
        display: inline-block;
        width: 100%
    }
    .footerContact-m::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 310px;
        bottom: 0
    }
    .ulasimSecenek-m {
        position: relative;
        display: inline-block;
        width: 100%;
        margin-top: 20px
    }
    .ulasim {
        display: none
    }
    section#sect6 {
        margin-top: 0
    }
    .ulasimTitle {
        margin-bottom: 0;
        font-size: 23px
    }
    .secenek {
        position: relative;
        width: 100%;
        height: 100%;
        display: inline-block;
        background: #726bb1;
        padding-top: 11px;
        box-sizing: border-box;
        border-radius: 12px
    }
    .ulasimSlide .item {
        position: relative;
        width: 30vw;
        display: inline-block;
        height: 165px
    }
    .ulasimSlide {
        position: relative;
        width: 97%!important;
        float: right;
        margin-top: 15px
    }
    .secenek i {
        position: relative;
        width: 70%;
        display: table;
        margin: auto
    }
    .secenek p {
        position: relative;
        display: table;
        margin: auto;
        text-align: center;
        color: #fff;
        font-size: 15px;
        padding-top: 7px;
        box-sizing: border-box
    }
    .secenek p span {
        display: block;
        font-size: 10px
    }
    .secenek p strong {
        display: table;
        margin: auto;
        text-align: center;
        padding-top: 3px;
        box-sizing: border-box
    }
    .footerLogo-m {
        display: table;
        position: relative;
        margin: auto;
        margin-top: 25px;
        width: 96px
    }
    .fBg.active {
        transform: scale(17)
    }
    .nedenSlide-m .owl-dots {
        display: table;
        position: relative;
        float: right;
        margin-right: 5px;
        margin-top: 10px;
        display: none
    }
    .nedenSlide-m .owl-dots .owl-dot {
        width: 40px;
        height: 10px;
        margin: 5px 2px;
        background: #726bb1;
        display: inline-block;
        -webkit-backface-visibility: visible;
        transition: .3s;
        border-radius: 10px;
        box-sizing: border-box
    }
    .nedenSlide-m .owl-dots .owl-dot.active {
        background: #fff;
        box-sizing: border-box;
        width: 30px;
        transition: .3s
    }
    input[type=checkbox]:not(old)+label,
    input[type=radio]:not(old)+label {
        color: #fff;
        margin-right: 5px;
        padding-left: 21px;
        font-size: 11px
    }
    .homeLeft {
        display: none
    }
    .homeLeft-m {
        display: table;
        position: absolute;
        right: 0;
        width: 100%;
        height: 100%
    }
    .bottomText-m {
        position: absolute;
        width: 12%;
        top: 0;
        left: 2%
    }
    .homeSlogan-m {
        position: relative;
        margin-top: 25%;
        float: right;
        margin-right: 7%
    }
    .homeLogo-m {
        position: absolute;
        display: table;
        margin: auto;
        width: 40%;
        top: 15px;
        z-index: 2;
        left: 50%;
        transform: translate(-50%)
    }
    .sloganTitle-m {
        position: relative;
        text-align: center;
        color: #edd876;
        font-size: 35px;
        font-weight: 700;
        margin-top: 0
    }
    .homeSlogan-m p {
        display: block;
        text-align: center;
        font-size: 19px;
        color: #fff;
        margin-top: 11px;
        line-height: 25px
    }
    .homeSlogan-m p strong {
        color: #edd876
    }
    .bg-m {
        position: relative;
        width: 100%;
        display: inline-block;
        height: 100vh;
        background-size: cover!important;
        background-position: right center!important
    }
    .fancybox-button {
        background: #2c154e;
        border: solid 2px #fff;
        width: 50px;
        height: 50px
    }
    .fancybox-button--close::after,
    .fancybox-button--close::before {
        width: 20px;
        left: calc(50% - 9px)
    }
    .yanaKaydir {
        position: relative;
        display: table;
        float: right;
        color: #fff;
        margin-right: 10px;
        font-size: 16px;
        margin-top: 9px;
        background: #122846;
        padding: 8px 15px;
        box-sizing: border-box
    }
    body.active {
        overflow: hidden
    }
    ul.vGaleriList li {
        float: none;
        width: 100%;
        margin-bottom: 11px
    }
    ul.vGaleriList li a {
        height: 200px;
        padding-top: 49px;
        font-size: 20px;
        background-size: cover!important
    }
    ul.vGaleriList li a i {
        width: 16%;
        margin: 0 auto 11px
    }
    ul.vGaleriList li a strong {
        font-size: 21px
    }
    .sloganTitle-m.m2 span {
        width: 310px;
        display: inline-block;
        margin: auto
    }
    .sloganTitle-m.m2 strong {
        font-size: 30px;
        display: block;
        border-top: solid 1px #fff;
        padding-top: 8px;
        box-sizing: border-box;
        margin-top: 8px
    }
    .galeri-m .owl-dots {
        display: table;
        margin: 10px auto 5px
    }
    .galeri-m .owl-dot {
        width: 12px;
        height: 12px;
        float: left;
        background: #b3b0bc;
        margin: 0 3px;
        left: 0;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        border: 2px solid rgba(105, 106, 112, .1)
    }
    .galeri-m .owl-dot.active {
        background-color: #40216e
    }
    .yasam .owl-dots .owl-dot.active {
        background: #40216e
    }
    ul.tabMenu li {
        width: 40%;
        margin: 1%
    }
    .innerTab {
        float: initial;
        display: table;
        margin: 5px auto 20px;
        width: auto
    }
    .superPat {
        width: 28%;
        top: auto;
        left: auto;
        bottom: 5%;
        right: 2%
    }
    .fiyatPat {
        width: 50%;
        bottom: auto;
        top: 25%
    }
    .mobileNav .detayNext {
        width: 40px;
        height: 40px
    }
    .mobileNav .detayPrev {
        width: 40px;
        height: 40px
    }
    ul.tabMenu li a {
        padding: 10px 0
    }
    .efsane {
        width: 100%;
        padding: 11px 0
    }
}

@media only screen and (max-width:375px) {
    .form-inner {
        width: 100%
    }
    .homeLeft p {
        font-size: 17px
    }
    .yolTarifi a span {
        font-size: 13px
    }
    .yolTarifi {
        height: 40px
    }
    .tel-m {
        height: 40px
    }
    .tel-m a span {
        font-size: 15px;
        padding-top: 3px;
        box-sizing: border-box
    }
    .tel-m a {
        padding: 0 14px
    }
    .adres p {
        font-size: 15px
    }
    .nedenp-m {
        padding-right: 10px
    }
    .detayIc-m strong {
        font-size: 25px
    }
    .detayBg-m {
        height: 280px
    }
    .social-m {
        width: 46%
    }
    .social-m ul li {
        width: calc(25% - 5px);
        margin-right: 5px
    }
    .social ul li a span {
        font-size: 12px
    }
    .adresTitle {
        font-size: 29px
    }
    .adres p strong {
        font-size: 20px;
        padding-top: 5px
    }
    .adres {
        margin-bottom: 30px
    }
    .footerContact-m::before {
        height: 300px
    }
    .homeSlogan-m {
        margin-right: 5%
    }
    .sloganTitle-m {
        font-size: 33px
    }
    .alt-slider {
        font-size: 11px;
        padding: 10px 5px 63px 5px
    }
    .sloganTitle-m.m2 span {
        width: 280px
    }
    ul.tabMenu li a {
        font-size: 14px;
        padding-top: 15px
    }
    .slider1 {
        height: 570px
    }
}

@media only screen and (max-width:320px) {
    .form-inner {
        width: 100%
    }
    .form-holder {
        padding: 0 15px
    }
    .form-holder5 {
        padding: 0 15px
    }
    .labelCont {
        padding: 35px 0 56px
    }
    .pat2 {
        width: 37%!important;
        bottom: 27%!important
    }
    .homeLeft p {
        font-size: 15px
    }
    .bottomText {
        margin-top: 20px
    }
    .homeLeft {
        padding-left: 13px
    }
    .bottomText strong {
        font-size: 18px
    }
    .yolTarifi a span {
        font-size: 11px;
        padding-top: 4px
    }
    .tel-m a span {
        font-size: 14px
    }
    .tel-m a {
        padding: 0 10px
    }
    #homeSlide .item {
        height: 390px
    }
    ul.tabMenu-m li a {
        font-size: 11px
    }
    .adres p {
        font-size: 12px
    }
    #homeSlide .owl-dots .owl-dot {
        width: 15px;
        height: 15px
    }
    #homeSlide .owl-dots {
        padding: 5px;
        padding-bottom: 8px
    }
    #homeSlide .owl-dots .owl-dot.active {
        border: solid 3px #5f4e78
    }
    .neden-mTitle {
        font-size: 17px
    }
    .nedenp-m {
        padding-right: 8px;
        font-size: 11px
    }
    .detayBg-m {
        height: 235px
    }
    .detayIc-m strong {
        font-size: 17px
    }
    .detayIc-m p {
        font-size: 14px;
        margin-bottom: 15px;
        padding-right: 24px
    }
    .detayIc-m {
        padding-top: 20px;
        overflow: scroll;
        height: calc(100vh - 220px);
        display: inline-block;
        padding-bottom: 50px
    }
    .detayNum-m {
        font-size: 100px;
        bottom: -25px
    }
    .form-title {
        margin: 15px 0 5px;
        font-size: 14px;
        line-height: 19px
    }
    .contact_form .form-text,
    .contact_form .form-textarea {
        height: 28px;
        font-size: 12px
    }
    .contact_form LI {
        margin: 0 0 10px
    }
    .form-submit {
        height: 33px;
        margin-right: 0;
        font-size: 12px;
        margin-top: 9px
    }
    .formNm {
        margin-bottom: 6px;
        font-size: 14px
    }
    .contact_form LI:nth-child(3) {
        padding-bottom: 5px
    }
    .iletisim {
        padding-bottom: 80px
    }
    .social ul li a span {
        font-size: 12px
    }
    .social ul li a i {
        width: 16px;
        margin-right: 2px;
        top: -2px
    }
    .secenek p {
        font-size: 13px
    }
    .secenek {
        padding-top: 8px
    }
    .ulasimSlide .item {
        height: 140px
    }
    .footerContact-m::before {
        height: 275px
    }
    .homeSlogan-m {
        margin-right: 10%;
        margin-top: 25%
    }
    .sloganTitle-m {
        font-size: 26px
    }
    .homeSlogan-m p {
        font-size: 16px;
        margin-top: 5px
    }
    .sloganTitle-m.m2 span {
        font-size: 22px;
        width: 230px
    }
    .sloganTitle-m.m2 {
        font-size: 13px;
        color: #fff;
        float: left
    }
    .sloganTitle-m.m2 strong {
        font-size: 21px
    }
    .slogan {
        font-size: 20px
    }
    .fiyatPat {
        top: 25%
    }
}

@media (max-width:350px) and (max-height:500px) {
    .sol-yazi {
        width: 60%!important;
        margin-left: 20%
    }
}