@import "fonts.css";

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
:focus{outline: none !important;}

a {color: #00e;}
a:visited { color: #8e9298; }
a:hover { color: #06e; text-decoration:none; }
a:focus { outline:none; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
.modal-backdrop.show {opacity:.9 !important;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body, html {font-family: 'Open Sans', sans-serif;  height: 100%; margin: 0; overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch;}

a.navbar-brand {margin:22px 0 26px 10px; background:url("../img/logo.png") no-repeat; background-size:cover; width:150px; height:60px; display:block; text-indent:-9999px; cursor:pointer;}
a.navbar-brand-mb {display:none}

#search {background:transparent; border:none; border-bottom:1px solid #dbd5d1; color:#756860; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; margin:30px 0 20px 16px; padding-left:32px;}
#search::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #756860;}
#search::-moz-placeholder { /* Firefox 19+ */color: #756860;}
#search:-ms-input-placeholder { /* IE 10+ */color: #756860;}
#search:-moz-placeholder { /* Firefox 18- */color: #756860;}
i.demo-icon.icon-search {margin-right:-23px;}

#social {position:absolute; left:30px; bottom:30px; margin:0; padding:0;}
#social li{display:inline-block; list-style:none;}
#social li a {color: #fff; cursor: pointer; border: 1px solid; margin: 0 0 10px; display: block; font-size: 22px;}
#social li a:hover {color:#A3816E; cursor:pointer;}

.productCol {height:200px; background:url(../img/bg.png) repeat-x transparent; position:absolute; left:0; bottom:0;}
.productCol h2.home-product {font-family: 'bebas_neueregular'; color:#000; font-size:28px; text-align:left; line-height: 28px; margin: 30px 0 0px 40px !important; padding-bottom: 0;}

ul.productInfo {margin:0; padding:0; height:200px; text-align:left;}
ul.productInfo li{list-style:none; display:inline-block;}
ul.productInfo li.title,
ul.productInfo li.price,
ul.productInfo li.basket,
ul.productInfo li.pageDown{padding-top:100px; margin:0; display:inline-block; float:left;}
ul.productInfo li.image{padding:0; height:200px;}

ul.productInfo li.title{width:415px;}
ul.productInfo li.price{width:250px; padding-left: 26px; border-right:2px solid #f4f4f4; height:100px; margin-top:100px; padding-top:0;}
ul.productInfo li.price span.oldPrice {font-family: 'bebas_neueregular'; color: #9b9b9b; font-size: 22px; display: inline-block; text-decoration: line-through; line-height: 100px; float: left; text-align: center; padding-top: 6px; margin-right: 10px;}
ul.productInfo li.price span.newPrice {font-family: 'bebas_neueregular'; color:#000; font-size:32px; display:inline-block; color:#000; line-height:100px;}
ul.productInfo li.basket{width:150px;}
ul.productInfo li.basket a.basketIcon {display:block; background:url(../img/basket.jpg) no-repeat; width:60px; height:60px; background-size:cover; margin:20px auto 0; cursor:pointer; text-indent:-9999px; outline:none;}
ul.productInfo li.image{width:200px; float:left;}
ul.productInfo li.pageDown{padding: 0; width: 145px; height: 100px; float: left; margin-top: 100px; text-align: left;}
ul.productInfo li.pageDown a{display:block; background:url(../img/scroll.jpg) no-repeat; width:70px; height:70px; background-size:cover; margin:20px auto 0; cursor:pointer; text-indent:-9999px; outline:none;}


.colors {margin:0; padding:0 0 0 40px; text-align:left;}
.colors li {display:inline-block; list-style:none; margin-right:5px;}
.colors li a span {display: block; width:13px; height:12px; }
.colors li a span.black {background-color:#000;}
.colors li a span.green {background-color:#03b55c;}
.colors li a span.red {background-color:#ef0e0e;}
.colors li a span.yellow {background-color:#efbb0e;}
.colors li a span.blue {background-color:darkblue;}
.colors li a span.pink {background-color:deeppink;}

div.rightMenu {width:161px; height:461px; position:fixed; right:0; top:0; z-index:9999; background:url(../img/menu.jpg) no-repeat; background-size:cover;}

header#header {position:relative; /*background-image: url("../img/home-slide.jpg");*/ height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover;}

ul#social-mobile{display:none;}

nav#headerNavbar {
    position:relative;
    background:transparent;
    z-index:1;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.navbar {border-bottom:1px solid rgba(255, 255, 255, 0.2); padding:0 !important;}
#navbarResponsive .navCol {margin:0 auto; border-left:1px solid rgba(255, 255, 255, 0.2); border-right:1px solid rgba(255, 255, 255, 0.2);}
#navbarResponsive .navCol .navbar-nav {margin:0 auto;}
.navbar-nav li {}
.navbar-nav li a{font-family: 'Raleway', sans-serif; font-weight:600; font-size:0.75em; display:inline-block; padding:20px 22px !important; color:#fff !important; cursor:pointer; letter-spacing:2px; border-right:1px solid rgba(255, 255, 255, 0.2); border-bottom:1px solid rgba(255, 255, 255, 0.2); text-transform: uppercase;}
.navbar-nav li:last-child a{border-right:none;}
.navbar-nav li a:hover,
.navbar-nav li.selected a {background:rgba(38, 48, 60, 0.63);}
.lang-nav {padding:14px 22px; display:block;}
.lang-nav li{display:inline-block;}
.lang-nav li a{font-family: 'futura_normal_trnormal'; font-size:10px; color:#fff; border:none; display:inline-block; float:left; padding:0px 15px 0px 0 !important;}
.lang-nav li a.selected {text-decoration:underline;}

.navbar .col ul.social {padding-top:25%; margin-top:-12px;}
.navbar .col ul.social li {display:inline-block; padding-right:10px; color:#fff;}
.navbar .col ul.social li a {color:#fff; font-size:16px;}


/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */

body {
    overflow-x: hidden;
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-right: 80px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0px;
    width: 0;
    height: 100%;
    margin-right:0px;
    overflow-y: auto;
    background: #2a3c8d;
    color:#fff;
    overflow:hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#sidebar-wrapper a {
    color:#fff;
}
#wrapper.toggled #sidebar-wrapper {
    width: 80px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -80px;
}



/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 310px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    z-index: 9999;
    right: 140px;
    top: 40px;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
    display:inline-block;
    float:left;

}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #2a3c8d;
    font-size:24px;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #A3816E;
    background: rgba(255, 255, 255, 1);
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

a.logo {
    color: #999999;
    text-indent: -9999px;
    outline: none;
    background: url("../img/logo.png") no-repeat transparent !important;
    background-size: cover;
    width: 199px;
    height: 242px;
    margin: 0px 0 20px 80px !important;
    display: inline-block;
    z-index: 99999;
    position: absolute;
}

a.logo:hover {
    background:url("../img/logo.png") no-repeat;
    background-size:cover;
}

a.logo.logo-sanda360 {
    color: #999999;
    text-indent: -9999px;
    outline: none;
    background: url("../img/logo-360.png") no-repeat transparent !important;
    background-size: cover;
    width: 199px;
    height: 242px;
    margin: 0px 0 20px 80px !important;
    display: inline-block;
    z-index: 99999;
    position: absolute;
}

a.logo.logo-urban {
    color: #999999;
    text-indent: -9999px;
    outline: none;
    background: url("../img/logo-urban.png") no-repeat transparent !important;
    background-size: cover;
    width: 199px;
    height: 242px;
    margin: 0px 0 20px 80px !important;
    display: inline-block;
    z-index: 99999;
    position: absolute;
}

a.logo.logo-vision {
    color: #999999;
    text-indent: -9999px;
    outline: none;
    background: url("../img/logo-vision.png") no-repeat transparent !important;
    background-size: cover;
    width: 199px;
    height: 242px;
    margin: 0px 0 20px 80px !important;
    display: inline-block;
    z-index: 99999;
    position: absolute;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 0;
    }
    #wrapper.toggled {
        padding-left:0px;
        padding-right: 80px;
    }
    #sidebar-wrapper {
        width: 0;
    }
    #wrapper.toggled #sidebar-wrapper {
        width:80px;
    }
    #page-content-wrapper {
        padding:0px;
        margin:0px;
        position: relative;
    }
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    a.navbar-brand {background:url("../img/logo@2x.png") no-repeat; background-size:cover;}
    a.navbar-brand-mb {background:url("../img/logo-mb@2x.png") no-repeat; background-size:cover;}

    .loading-wrap .logo { overflow:hidden;background: url(../img/logo@2x.png) no-repeat center; width:120px; height:60px; background-size: contain; }
    .loading-wrap .logo.logo-sanda360 { overflow:hidden;background: url(../img/logo-360@2x.png) no-repeat center; width:120px; height:60px; background-size: contain; }
    .loading-wrap .logo.logo-urban { overflow:hidden;background: url(../img/logo-urban@2x.png) no-repeat center; width:120px; height:60px; background-size: contain; }
    .loading-wrap .logo.logo-vision { overflow:hidden;background: url(../img/logo-vision@2x.png) no-repeat center; width:120px; height:60px; background-size: contain; }



    header#header { /* The image used*/ background-image: url("../img/home-slide@2x.jpg"); /* Full height */ height: 100%; /* Center and scale the image nicely */ background-position: center; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; }
    header#header.refika {background-image: url("../img/bg-refika@2x.jpg");}
    header#header.contact-us {background-image: url("../img/bg-contact-us@2x.jpg");}
    header#header.cevre {background-image: url("../img/bg-cevre@2x.jpg"); background-position: 20% center;}
    header#header.deneyimler {background-image: url("../img/bg-deneyimler@2x.jpg");}
    header#header.deneyimler-detay {background-image: url("../img/bg-deneyimler@2x.jpg");}
    header#header.mutfak {background-image: url("../img/bg-mutfak@2x.jpg");}
    header#header.odalar {background-image: url("../img/bg-odalar@2x.jpg");}

    #experience .deliciousCol{background:url("../img/carousel/genel@2x.jpg") no-repeat; background-size:cover;}
    #experience .deliciousCol.slideCevre {background:url("../img/carousel/cevre@2x.jpg") no-repeat; background-size:cover;}
    #experience .deliciousCol.slideMutfak {background:url("../img/carousel/mutfak2@2x.jpg") center no-repeat; background-size:cover;}
    #experience .deliciousCol.slideOdalar {background:url("../img/carousel/odalar@2x.jpg") right center no-repeat; background-size:auto 100%;}
    #experience .deliciousCol.slideDeneyimler {background:url("../img/carousel/deneyimler@x2.jpg") no-repeat; background-size:cover;}
    #rooms .roomsCol{background:url("../img/rooms@2x.jpg") no-repeat; background-size:cover;}
    #rooms .experienceCol{background:url("../img/experience@2x.jpg") no-repeat; background-size:cover;}
    #kitchen .kitchenCol{background:url("../img/kitchen-bg@2x.jpg") center no-repeat; background-size:cover;}
    #kitchen .instagramCol{background:url("../img/instagram-bg-static@2x.jpg") no-repeat; background-size:cover;}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    body {overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch;}
    header#header {background-position:center; position:relative; background-image: url("../img/home-slide.jpg");}
    a.navbar-brand {margin:10px 0 10px 0px; background:url("../img/logo@2x.png") no-repeat; background-size:cover; width:110px; height:55px; display:block; text-indent:-9999px; cursor:pointer;}
    a.navbar-brand-mb,
    a.navbar-brand-mb:hover{margin:10px 0 10px 20px; background: url(../img/logo-mb.png) no-repeat; background-size: cover; width: 110px; height: 55px; display: block; text-indent: -9999px; cursor: pointer;}

    .loading-wrap .logo { overflow:hidden; background: url(../img/logo@2x.png) no-repeat center; width: 31vw; height: 15.1625vw; margin-left: -15.5vw; margin-top: -7.58125vw; -webkit-background-size: 31vw auto; background-size: 31vw auto; }
    .loading-wrap .logo.logo-sanda360 { overflow:hidden; background: url(../img/logo-360@2x.png) no-repeat center; width: 31vw; height: 15.1625vw; margin-left: -15.5vw; margin-top: -7.58125vw; -webkit-background-size: 31vw auto; background-size: 31vw auto; }
    .loading-wrap .logo.logo-urban { overflow:hidden; background: url(../img/logo-urban@2x.png) no-repeat center; width: 31vw; height: 15.1625vw; margin-left: -15.5vw; margin-top: -7.58125vw; -webkit-background-size: 31vw auto; background-size: 31vw auto; }
    .loading-wrap .logo.logo-vision { overflow:hidden; background: url(../img/logo-vision@2x.png) no-repeat center; width: 31vw; height: 15.1625vw; margin-left: -15.5vw; margin-top: -7.58125vw; -webkit-background-size: 31vw auto; background-size: 31vw auto; }

    nav#headerNavbar.fixed-header {
        position: fixed;
        background: #04172e;
        z-index:5;
    }

    #homeSlide .sloganRefika01{font-size:60px; text-align:center !important; display:block; letter-spacing:.2em; font-weight: 300; margin:0 auto 30px;}
    #homeSlide .sloganRefika02{font-size:30px; text-align:center; display:block; letter-spacing:0.5px; font-weight:100; margin:0 auto 15px;}
    a.contact-btn {display:none;}
    div#homeSlideText {margin-top:0px;}
    a#page-down,
    a#page-down:hover,
    footer #page-up,
    footer #page-up:hover {background:transparent; color:#fff;}

    #resContainer.fixed-header {display:none;}
    .show_all .owl-stage {
        width:575.98px !important;
        -webkit-transform: translate3d(0, 0px, 0px) !important;
    }
    .show_all .owl-stage {
        transition: 0.7s !important;
        -webkit-transition: 0.7s !important;
    }
    .show_all .owl-item.cloned {display: none;}
    .show_all .owl-item {margin-bottom:10px; margin-right:10px !important;}

    #cevre .owl-carousel .owl-nav button.owl-prev,
    #cevre .owl-carousel .owl-nav button.owl-next,
    #cevre .owl-carousel button.owl-dot {display: none !important;}

    header#header.cevre {background-position: 20% center;}
    .modal .modalTextCol { padding: 4% 2% 20%; }
    .modal .modalTextCol h2 { font-family: 'Raleway', sans-serif; font-size:1.4em; display:block; width: 100%;}
    .modal .modalTextCol h5 { font-family: 'Raleway', sans-serif; font-size:1em; display:block; width: 100%; margin-bottom:20px;}
    .modal .modalTextCol p {font-size:0.75em;}
    .modal .modal-content {border-radius:0; border:none;}

    #imgView, #imgView img {
        height: 280px;
        margin: 0 auto;
        width: 100% !important;
    }
    .ekko-lightbox-item.fade.in.show {
        height: 200px;
    }
    #textView {height:347px;  overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch;}

    #modalContent .ekko-lightbox-nav-overlay{height:1px !important;}
    .modal-open .modal {
        overflow-x: hidden !important;;
        overflow-y: hidden !important;
    }

    a.res { display: block; width: 86px; height: 78px; color: #fff; font-size: 24px; border-left: 1px solid rgba(255, 255, 255, 0.2) !important; padding: 22px 26px 30px; position: absolute; right: 86px; top: -77px; }
    a.res:active,
    a.res:hover {color:#fff;}

    button.navbar-toggler.collapsed { position: absolute; right: 0; padding:26px;}
    /*#navContainer {display:none !important;}*/
    #navContainer .collapse.show {display:block !important;}
    button.navbar-toggler {   margin:5px -22px -1px 0;}
    button.navbar-toggler.collapsed { margin:5px 0px 0 0;}

    button.navbar-toggler { position: absolute; right: 22px; top: -80px; z-index: 10; color:#000; }
    button.navbar-toggler.collapsed .icon-bar {background-color:#fff !important;}
    button.navbar-toggler .icon-bar {background-color:#000 !important;}
    div#navbarResponsive { background:url("../img/bg-mobile.jpg") center bottom no-repeat #fff; background-size:cover; color:#000 !important; position:fixed; width: 100%; margin-left: -16px; top:0; height:100%; z-index: 9; }
    #navbarResponsive .navCol ul.navbar-nav li.nav-item a {padding: 10px 22px !important; }
    #navbarResponsive .navCol ul.navbar-nav li.nav-item.small-item a { font-size: 1em !important; padding:20px 22px 10px !important; }
    #navbarResponsive .navCol ul.navbar-nav li.small-item:last-child a {padding: 10px 22px 20px !important;}
    .navbar-nav li a:hover, .navbar-nav li.selected a { background: transparent; }

    .navbar-collapse.collapsing { height: auto; -webkit-transition: right 0.2s ease; -o-transition: right 0.2s ease; -moz-transition: right 0.2s ease; transition: right 0.2s ease; right: -100%; }
    .navbar-collapse.show { right: 0; -webkit-transition: right 0.2s ease-in-out; -o-transition: right 0.2s ease-in-out; -moz-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-out; }

    .descCol2 ul.activity { margin: 0px -4px 0px -0px; display: block; width: 102%; padding: 0; }
    .descCol2 ul.activity li { list-style: none; display: inline-block; width: 25%; height: 80px; color: #000; border: 1px solid #dedede; margin: 0 0 0 -1px; float: left; }
    .descCol2 ul.activity li a { display: block; height: 100%; text-align: center; color: #000; font-size: 11px; cursor: pointer; padding: 0; }
    .descCol2 ul.activity li a i { font-size: 20px; display: inline-block; margin: 10px auto 8px; width: 100%; }

    #navbarResponsive .navCol .navbar-nav {margin:20px auto 0;}
    div#navbarResponsive a{font-family: 'Raleway', sans-serif; color:#000 !important; font-size:1.4em; border:none; text-transform:uppercase;}
    div#navbarResponsive .navbar-nav a:hover{background:transparent;}
    .lang-nav {padding: 14px 0px; display: block; position: absolute; right:0px; top: 80px; font-size: 14px; width:90px;}
    div#navbarResponsive .lang-nav li a {color:#cacaca !important;}
    div#navbarResponsive .lang-nav li a.selected {color:#000 !important; text-decoration: underline; }
    ul#social-xl {display:none !important;}
    ul#social-mobile{display: block !important; padding: 0; margin:10px;}
    ul#social-mobile li{display:inline-block !important; margin-right:10px !important;}

    .bottomButtonsCol {position:absolute; width:100%; left: 0; bottom:0;}
    div#navbarResponsive .btn-call { display: inline-block; width: 50%; background: #fff; padding: 20px; font-size:.75em !important; text-align: center; color: #04172e; float:left; }
    div#navbarResponsive .btn-res { display: inline-block; width: 50%; background: #fff; padding: 20px; font-size:.75em !important; text-align: center; color: #fff !important; background-color:#04172e; float:left; }

    div#navbarResponsive .btn-call:hover,
    div#navbarResponsive .btn-res:hover {text-decoration:none !important;}

    .odalar .row:nth-child(2n) .col-sm-6:first-child {order: 2;}
    #homeSlide .slogan01{font-size:14px; text-align:center; display:block; letter-spacing:.3em; font-weight:100; margin:0 auto 15px;}
    #homeSlide .slogan02{font-size:60px; text-align:center !important; display:block; letter-spacing:.2em; font-weight: 300; margin:0 auto;}

    .homepage-en #homeSlide .slogan01 { font-size: 26px; text-align: center; display: block; letter-spacing: .5em; font-weight: 200; margin: 0 auto 10px; }
    .homepage-en #homeSlide .slogan02 { font-size: 26px; text-align: center !important; display: block; letter-spacing: .6em; font-weight: 200; margin: 0 auto 10px; }
    .tab-content .descCol {margin:0 auto;}
    .tab-content .descCol p {padding-right:0;}
    #experienceContent {padding-top:75px;}
    #experience .textCol { border:none; margin: 15px 0 0; color: #000; text-align: center; min-height: 300px;}
    #experience .deliciousCol {min-height: 430px; margin:0;}
    #experience .textCol h2 {font-size: 24px; display: block; width: 100%; margin-bottom: 30px; padding: 0; text-align:center;}
    #experience .textCol p { font-size: 14px; display: block; width: 100%; color: #484848; padding: 0; text-align:center; margin-bottom: 0;}
    #homepage #experience .textCol { border:none; margin: 15px 0 0; color: #000; text-align: center; min-height:260px;}
    #homepage #experience .deliciousCol {min-height: 320px; margin:0;}
    #homepage #experience .textCol h2 {font-size:1.5em; display: block; width: 100%; margin-bottom: 30px; padding: 0; text-align:center;}
    #homepage #experience .textCol p { font-size:0.9em; display: block; width: 100%; color: #484848; padding: 0; text-align:center; margin-bottom: 0;}

    .tab-content .descCol a.moreinfo {width:100%; text-align:center;}

    #kitchenContent .textCol { border:none; margin:0; padding: 0 0 70px; color: #000; text-align: center; min-height: 300px;}
    #kitchenContent .deliciousCol {min-height:300px; margin:0;}
    #kitchenContent .textCol h2 {font-size:32px; margin:0; display: block; width: 100%; text-align:left; margin-bottom: 30px; padding: 0; }
    #kitchenContent .textCol p {display: block; width: 100%; text-align:left; color: #484848; padding: 0; margin-bottom: 0;}

    #refikaContent .textCol { border:none; margin:20px 0 0; padding: 0 0 70px; color: #000; text-align:center; min-height: auto;}
    #refikaContent .deliciousCol {min-height:300px; margin:0;}
    #refikaContent .textCol h2 {display: block; width: 100%; text-align:left; margin-bottom:25px; padding: 0;}
    #refikaContent .textCol p {display: block; width: 100%; text-align:left; color: #484848; padding: 0; margin-bottom: 0;}

    #homeSlide .sloganRefika01{font-size:2.25em; text-align:center !important; display:block; letter-spacing:.2em; font-weight: 300; margin:0 auto 30px;}
    #homeSlide .sloganRefika02{font-size:1.2em; line-height: 1.4em; text-align:center; display:block; letter-spacing:0.5px; font-weight:100; margin:0 auto 15px;}

    #kitchenContent {padding:100px 0 40px;}
    #refikaContent {padding:100px 0 40px;}
    #roomsContent {padding:50px 0;}
    .textCol { margin: 60px auto; border-top: 1px solid #ccc; min-height: auto; padding-top: 50px;}
    body#idaRooms .textCol {margin:0 auto !important; border-top:none !important; padding-top:50px;}
    .activityCol .descCol:first-child {min-height:100% !important;}
    #activityContent01 .activityCol:first-child .descCol h2,
    #activityContent02 .activityCol:nth-child(2) .descCol h2,
    #activityContent03 .activityCol:first-child .descCol h2 {padding:0;}

    section#slider04 {margin-bottom: 60px;}
    /*Gecici*/
    #cevre .textCol { margin:0px auto 0; border-top: none; min-height: auto; padding-top: 0px; }
    section#slider01 { margin-top:75px;}
    .box {width:100%; min-height:310px;}
    .box .overbox {
        opacity:1;
        height:78px;
        -webkit-transition:none;
        -moz-transition:none;
        -o-transition:none;
        -ms-transition:none;
        transition:none;
        transform:none;
        -webkit-transform:none;
        position:relative;
        top:172px;
        padding-bottom: 60px;
        background:#fff;
        color:#484848;
    }
    .box .overbox2 {height:98px;}
    .box .title {opacity:1;font-size:18px; color:#484848;}
    .box .tagline {opacity:1; font-size:18px; color:#484848;}
    .box .overtext {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
        transform: none;
        -webkit-transform: none;
    }

    #homepage #experience .textCol {padding-top: 0;}
    #homepage #experience .textCol h2 {font-size:2em;}
    #homepage #experience .textCol p { font-size:1.1em;}

    body#idaRooms .textCol a.moreinfo {margin-bottom:80px;}
    div.note {top:0px; font-family: 'Raleway', sans-serif; font-size: 12px; font-style: italic; font-weight: 600; text-align: center; position: relative;}
    #cevre .bx-controls.bx-has-controls-direction {display: none;}

    #rooms .roomsCol{margin:15px -15px; min-height:294px;}
    #rooms .roomsCol h2 {padding: 50px 0 20px 45px;}
    #rooms .experienceCol{margin:15px -15px; min-height: 270px;}
    #rooms .experienceCol h2 {padding: 50px 0 20px 45px;}
    #rooms .experienceCol .all-activity{padding: 20px 0;}
    #kitchen .kitchenCol{margin:15px -15px;}
    #kitchen .instagramCol{margin:35px 0px 15px 0px; }
    #kitchen .twitterCol{margin:0px 0px 50px 0px;}

    #contact h3{margin-bottom:0px;}
    #contact p{margin-bottom:40px;}

    footer .flogo .logo-footer {margin:0 0 34px;}
    footer .fmap .btn-map { width: 100%; height: 60px; display: block; border: 1px solid #fff; padding: 16px 14px; font-size: 16px; color: #fff; text-decoration: none; margin: 0 auto; text-align: center; }
    footer .fcol01,
    footer .fcol02,
    footer .fcol03,
    footer .fcol04 {margin:30px; width:100%;}
    footer h2 {margin:0px 0 20px;}
    footer ul {margin:0;}
    footer #page-up {bottom:40px;}
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    body {overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch;}
    header#header {background-position:left top; position:relative;}
    a.navbar-brand {margin:10px 0 10px 0px; background:url("../img/logo@2x.png") no-repeat; background-size:cover; width:110px; height:55px; display:block; text-indent:-9999px; cursor:pointer;}
    a.navbar-brand-mb,
    a.navbar-brand-mb:hover{margin:10px 0 10px 20px; background: url(../img/logo-mb.png) no-repeat; background-size: cover; width: 110px; height: 55px; display: block; text-indent: -9999px; cursor: pointer;}
    /*#navContainer {display:none !important;}*/
    #navContainer .collapse.show {display:block !important;}
    .bx-wrapper .bx-pager { position: absolute; bottom:45px !important; width: 260px !important;; right: 0; }

    nav#headerNavbar.fixed-header {
        position: fixed;
        background: #04172e;
        z-index: 5;
    }

    a.contact-btn {display:none;}
    header#header.cevre {background-position: 20% center;}
    #resContainer.fixed-header {display:none;}

    .show_all .owl-stage {
        width:767.98px !important;
        -webkit-transform: translate3d(0, 0px, 0px) !important;
    }
    .show_all .owl-stage {
        transition: 0.7s !important;
        -webkit-transition: 0.7s !important;
    }
    .show_all .owl-item.cloned {display: none;}
    .show_all .owl-item {margin-bottom:20px;}

    a.res { display: block; width: 86px; height: 78px; color: #fff; font-size: 24px; border-left: 1px solid rgba(255, 255, 255, 0.2) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; padding: 22px 26px 30px; position: absolute; right: 86px; top: -76px; }
    a.res:active,
    a.res:hover {color:#fff;}
    button.navbar-toggler.collapsed {margin:7px -10px 0 0;}
    button.navbar-toggler { position: absolute; right: 10px; top: -82px; z-index: 10; color:#000; }
    button.navbar-toggler.collapsed .icon-bar {background-color:#fff !important;}
    button.navbar-toggler .icon-bar {background-color:#000 !important;}
    div#navbarResponsive { background:url("../img/bg-mobile.jpg") center bottom no-repeat #fff; background-size:cover; color:#000 !important; position:fixed; width: 100%; margin-left: -16px; top:0; height:100%; z-index: 9; }

    div#homeSlideText {margin-top:0px;}
    a#page-down,
    a#page-down:hover,
    footer #page-up,
    footer #page-up:hover {background:transparent; color:#fff;}

    .show_all .owl-stage {
        width:575.98px !important;
        -webkit-transform: translate3d(0, 0px, 0px) !important;
    }
    .show_all .owl-stage {
        transition: 0.7s !important;
        -webkit-transition: 0.7s !important;
    }
    .show_all .owl-item.cloned {display: none;}
    .show_all .owl-item {margin-bottom:10px;}

    header#header.cevre {background-position: 20% center;}

    #imgView, #imgView img {
        height: 360px !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
    #textView {height:360px !important;  overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch;}

    #modalContent .ekko-lightbox-nav-overlay{height:1px !important;}
    .modal-open .modal {
        overflow-x: hidden !important;;
        overflow-y: hidden !important;
    }

    .navbar-collapse.collapsing { height: auto; -webkit-transition: right 0.2s ease; -o-transition: right 0.2s ease; -moz-transition: right 0.2s ease; transition: right 0.2s ease; right: -100%; }
    .navbar-collapse.show { right: 0; -webkit-transition: right 0.2s ease-in-out; -o-transition: right 0.2s ease-in-out; -moz-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-out; }

    .descCol2 ul.activity { margin: 0px -4px 0px -0px; display: block; width: 102%; padding: 0; }
    .descCol2 ul.activity li { list-style: none; display: inline-block; width: 25%; height: 80px; color: #000; border: 1px solid #dedede; margin: 0 0 0 -1px; float: left; }
    .descCol2 ul.activity li a { display: block; height: 100%; text-align: center; color: #000; font-size: 11px; cursor: pointer; padding: 0; }
    .descCol2 ul.activity li a i { font-size: 20px; display: inline-block; margin: 10px auto 8px; width: 100%; }

    #navbarResponsive .navCol .navbar-nav {margin:20px auto 0;}
    div#navbarResponsive a{font-family: 'Raleway', sans-serif; color: #000 !important; font-size: 1.4em; border:none; text-transform:uppercase;}
    #navbarResponsive .navCol ul.navbar-nav li.nav-item a {padding: 10px 22px !important;}
    #navbarResponsive .navCol ul.navbar-nav li.nav-item.small-item a { font-size: 1em !important; padding: 30px 22px 10px !important; }
    #navbarResponsive .navCol ul.navbar-nav li.small-item:last-child a {padding: 10px 22px 30px !important;}
    .navbar-nav li a:hover, .navbar-nav li.selected a { background: transparent; }

    .odalar .row:nth-child(2n) .col-sm-6:first-child {order: 2;}

    .lang-nav { padding: 14px 20px; display: block; position: absolute; right: 0; top: 80px; font-size: 12px; }
    div#navbarResponsive .lang-nav li a {color:#cacaca !important;}
    div#navbarResponsive .lang-nav li a.selected {color:#000 !important; text-decoration: underline; }
    ul#social-xl {display:none !important;}
    ul#social-mobile{display: block !important; padding: 0; margin:10px;}
    ul#social-mobile li{display:inline-block !important; margin-right:10px !important;}

    .bottomButtonsCol {position:absolute; width:100%; left: 0; bottom:0;}
    div#navbarResponsive .btn-call { display: inline-block; width: 50%; background: #fff; padding: 20px; font-size:.8em !important; text-align: center; color: #04172e; float:left; }
    div#navbarResponsive .btn-res { display: inline-block; width: 50%; background: #fff; padding: 20px; font-size:.8em !important; text-align: center; color: #fff !important; background-color:#04172e; float:left; }

    div#navbarResponsive .btn-call:hover,
    div#navbarResponsive .btn-res:hover {background-color:#FFA500 !important; color:#fff !important; text-decoration:none !important;}

    ul#social-xl {display:none !important;}
    #homeSlide .slogan01{font-size:14px; text-align:center; display:block; letter-spacing:.5em; font-weight:100; margin:0 auto 15px;}
    #homeSlide .slogan02{font-size:60px; text-align:center !important; display:block; letter-spacing:.5em; font-weight: 300; margin:0 auto;}
    #header a#page-down {bottom:40px !important;}
    .tab-content .descCol {margin:0 auto;}
    .tab-content .descCol p {padding-right:0;}

    #experienceContent {padding-top:75px;}
    #experience .textCol { border:none; margin: 15px 0px 15px 60px; min-height:180px; color: #000; text-align: center; }
    #experience .deliciousCol {min-height: 430px;}
    #experience .textCol h2 {font-size: 24px; display: block; width: 100%; margin-bottom: 30px;}
    #experience .textCol p { font-size: 14px; display: block; width: 100%; color: #484848; padding-right: 60px; margin-bottom: 0;}
    #homepage #experience .textCol { border:none; margin: 15px 0 0; color: #000; text-align: center; min-height:260px;}
    #homepage #experience .deliciousCol {min-height: auto; margin:0;}
    #homepage #experience .textCol h2 {font-size:1.5em; display: block; width: 100%; margin-bottom: 30px; padding: 0; text-align:center;}
    #homepage #experience .textCol p { font-size:0.9em; display: block; width: 100%; color: #484848; padding: 0; text-align:center; margin-bottom: 0;}

    .tab-content .descCol a.moreinfo {width:100%; text-align:center;}

    #kitchenContent .textCol { border:none; margin:0; padding: 0 0 70px; color: #000; text-align: center; min-height: 300px;}
    #kitchenContent .deliciousCol {min-height:300px; margin:0;}
    #kitchenContent .textCol h2 {font-size:32px; margin:0; display: block; width: 100%; text-align:left; margin-bottom: 30px; padding: 0; }
    #kitchenContent .textCol p {display: block; width: 100%; text-align:left; color: #484848; padding: 0; margin-bottom: 0;}

    #refikaContent .textCol { border:none; margin:50px 0 0; padding: 0 0 70px; color: #000; text-align: center; min-height: 300px;}
    #refikaContent .deliciousCol {min-height:300px; margin:0;}
    #refikaContent .textCol h2 {display: block; width: 100%; text-align:left; margin-bottom:25px; padding: 0;}
    #refikaContent .textCol p {display: block; width: 100%; text-align:left; color: #484848; padding: 0; margin-bottom: 0;}

    #homeSlide .sloganRefika01 {font-size:34px;}

    #kitchenContent {padding:100px 0 40px;}
    #roomsContent { padding: 100px 0 50px; }
    .textCol { margin:0px auto 100px; border-top: 1px solid #ccc; min-height: auto; padding-top: 50px;}
    div.note {top:0px !important;}
    #cevre .bx-controls.bx-has-controls-direction {display: none;}
    section#slider04 {margin-bottom: 60px;}
    .activityCol .descCol:first-child {min-height:100% !important;}
    #activityContent01 .activityCol:first-child .descCol h2,
    #activityContent02 .activityCol:nth-child(2) .descCol h2,
    #activityContent03 .activityCol:first-child .descCol h2 {padding:0;}

    /*Gecici*/
    #cevre .textCol { margin: 50px auto 0; border-top: none; min-height: auto; padding-top: 0px; }
    section#slider01 { margin-top:75px;}
    .box {width:100%; min-height:310px;}
    .box .overbox {
        opacity:1;
        height:78px;
        -webkit-transition:none;
        -moz-transition:none;
        -o-transition:none;
        -ms-transition:none;
        transition:none;
        transform:none;
        -webkit-transform:none;
        position:relative;
        top:172px;
        padding-bottom: 60px;
        background:#fff;
        color:#484848;
    }
    .box .overbox2 {height:98px;}
    .box .title {opacity:1;font-size:18px; color:#484848;}
    .box .tagline {opacity:1; font-size:18px; color:#484848;}
    .box .overtext {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
        transform: none;
        -webkit-transform: none;
    }


    #rooms .roomsCol{margin:15px -15px;}
    #rooms .experienceCol{margin:15px -15px;}
    #rooms .experienceCol h2 {padding: 50px 0 20px 45px;}
    #rooms .experienceCol .all-activity{padding:20px 0;}

    #kitchen .kitchenCol{margin:15px -15px;}
    #kitchen .instagramCol{margin:35px 15px 15px 15px; }
    #kitchen .twitterCol{margin:15px 15px 50px 15px;}

    #contact h3{margin-bottom:0px;}
    #contact p{margin-bottom:40px;}

    footer .flogo .logo-footer {margin:0 0 34px;}
    footer .fmap .btn-map { width: 100%; height: 60px; display: block; border: 1px solid #fff; padding: 16px 14px; font-size: 16px; color: #fff; text-decoration: none; margin: 0 auto; text-align: center; }
    footer .fcol01,
    footer .fcol02,
    footer .fcol03,
    footer .fcol04 {margin:30px; width:100%;}
    footer h2 {margin:0px 0 20px;}
    footer ul {margin:0;}
    footer #page-up {bottom:50px;}

    .modal-dialog {
        height: 100% !important;
    }
    .ekko-lightbox.modal.fade.in.show .modal-dialog,
    .ekko-lightbox.modal.fade.in.show .modal-dialog .modal-content .modal-content {
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }


}

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    body {overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch;}
    #homeSlide .slogan01{font-size:14px; text-align:center; display:block; letter-spacing:.5em; font-weight:100; margin:0 auto 15px;}
    #homeSlide .slogan02{font-size:60px; text-align:center !important; display:block; letter-spacing:.6em; font-weight: 300; margin:0 auto;}
    #header a#page-down {bottom:40px !important;}
    #navbarResponsive .navCol ul.navbar-nav li.small-item a { font-size: 1em !important; padding: 10px 22px !important; }
    body {overflow-y:auto;}
    header#header {background-position:left top; position:relative;}
    a.navbar-brand {margin:10px 0 10px 0px; background:url("../img/logo@2x.png") no-repeat; background-size:cover; width:110px; height:55px; display:block; text-indent:-9999px; cursor:pointer;}
    a.navbar-brand-mb,
    a.navbar-brand-mb:hover{margin:10px 0 10px 20px; background: url(../img/logo-mb.png) no-repeat; background-size: cover; width: 110px; height: 55px; display: block; text-indent: -9999px; cursor: pointer;}

    a.contact-btn {display:none;}
    nav#headerNavbar.fixed-header {
        position: fixed;
        background: #04172e;
        z-index: 5;
    }
    #resContainer.fixed-header {display:none;}

    /*#navContainer {display:none !important;}*/
    #navContainer .collapse.show {display:block !important;}
    .bx-wrapper .bx-pager { position: absolute; bottom:45px !important; width: 260px !important;; right: 0; }

    .show_all .owl-stage {
        width:991.98px !important;
        -webkit-transform: translate3d(0, 0px, 0px) !important;
    }
    .show_all .owl-stage {
        transition: 0.7s !important;
        -webkit-transition: 0.7s !important;
    }
    .show_all .owl-item.cloned {display: none;}
    .show_all .owl-item {margin-bottom:20px; margin-right:0px !important;}
    .ekko-lightbox-nav-overlay {
        width: 50%;
        right: 0;
        left: 50%;
    }
    .modal .modalTextCol { padding: 8% 8% 20%; }


    #imgView, #imgView img {
        height: 360px;
        margin: 0 auto;
        width: 100% !important;
    }
    #textView {height:360px;  overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch;}

    .modal-open .modal {
        overflow-x: hidden !important;;
        overflow-y: hidden !important;
    }

    div#homeSlideText {margin-top:0px;}

    a.res { display: block; width: 86px; height: 78px; color: #fff; font-size: 24px; border-left: 1px solid rgba(255, 255, 255, 0.2) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; padding: 22px 26px 30px; position: absolute; right: 86px; top: -3px; }
    a.res:active,
    a.res:hover {color:#fff;}
    button.navbar-toggler.collapsed {margin: 39px -10px 0 0;}
    button.navbar-toggler { position: absolute; right: 10px; top: -115px; z-index: 10; color:#000; }
    button.navbar-toggler.collapsed .icon-bar {background-color:#fff !important;}
    button.navbar-toggler .icon-bar {background-color:#000 !important;}
    #navContainer .collapse.show {display:block !important;}

    button.navbar-toggler { position: absolute; right: 10px; top: -115px; z-index: 10; color:#000; }
    button.navbar-toggler.collapsed .icon-bar {background-color:#fff !important;}
    button.navbar-toggler .icon-bar {background-color:#000 !important;}
    button.navbar-toggler.collapsed { margin: 6px -10px 0 0; top: -8px; }
    button.navbar-toggler { position: absolute; right: 10px; top: -8px; z-index: 10; color: #000; }
    div#navbarResponsive { background:url("../img/bg-mobile.jpg") center bottom no-repeat #fff; background-size:cover; color:#000 !important; position:fixed; width: 100%; margin-left: -16px; top:0; height:100%; z-index: 9; }

    .navbar-collapse.collapsing { height: auto; -webkit-transition: right 0.2s ease; -o-transition: right 0.2s ease; -moz-transition: right 0.2s ease; transition: right 0.2s ease; right: -100%; }
    .navbar-collapse.show { right: 0; -webkit-transition: right 0.2s ease-in-out; -o-transition: right 0.2s ease-in-out; -moz-transition: right 0.2s ease-in-out; transition: right 0.2s ease-in-out; }

    div#navbarResponsive a{font-family: 'Raleway', sans-serif; color: #000 !important; font-size: 1.4em; border:none; text-transform:uppercase;}
    #navbarResponsive .navCol ul.navbar-nav li.nav-item a {padding: 10px 22px !important;}
    #navbarResponsive .navCol ul.navbar-nav li.nav-item.small-item a { font-size: 1em !important; padding: 30px 22px 10px !important; }
    #navbarResponsive .navCol ul.navbar-nav li.small-item:last-child a {padding: 10px 22px 30px !important;}

    .lang-nav { padding: 14px 20px; display: block; position: absolute; right: 0; top: 80px; font-size: 12px; }
    div#navbarResponsive .lang-nav li a {color:#cacaca !important;}
    div#navbarResponsive .lang-nav li a.selected {color:#000 !important; text-decoration: underline; }
    ul#social-xl {display:none !important;}
    ul#social-mobile{display: block !important; padding: 0; margin:10px;}
    ul#social-mobile li{display:inline-block !important; margin-right:10px !important;}

    .bottomButtonsCol {position:absolute; width:100%; left: 0; bottom:0;}
    div#navbarResponsive .btn-call { display: inline-block; width: 50%; background: #fff; padding: 20px; font-size:.8em !important; text-align: center; color: #04172e; float:left; }
    div#navbarResponsive .btn-res { display: inline-block; width: 50%; background: #fff; padding: 20px; font-size:.8em !important; text-align: center; color: #fff !important; background-color:#04172e; float:left; }

    div#navbarResponsive .btn-call:hover,
    div#navbarResponsive .btn-res:hover {background-color:#FFA500; color:#fff; text-decoration:none;}
    .navbar-nav li a:hover, .navbar-nav li.selected a { background: transparent; }

    ul#social-xl {display:none !important;}
    ul#social-mobile{display:block !important;}

    #kitchenContent {padding:100px 0 40px;}
    #refikaContent {padding:100px 0 40px;}
    #roomsContent { padding: 100px 0 50px; }
    .textCol { margin: 60px auto; border-top: 1px solid #ccc; min-height: auto; padding-top: 50px;}


    /*Gecici*/
    #cevre .textCol { margin:0px auto; border-top: none; min-height: auto; padding-top: 0px; }
    section#slider01 { margin-top: 0px;}
    .box {width:100%; min-height:440px;}
    .box .overbox {
        opacity:1;
        height:78px;
        -webkit-transition:none;
        -moz-transition:none;
        -o-transition:none;
        -ms-transition:none;
        transition:none;
        transform:none;
        -webkit-transform:none;
        position:relative;
        top:322px;
        padding-bottom: 60px;
        background:#fff;
        color:#484848;
    }
    .box .overbox2 {height:98px;}
    .box .title {opacity:1;font-size:18px; color:#484848;}
    .box .tagline {opacity:1; font-size:18px; color:#484848;}
    .box .overtext {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none;
        transition: none;
        transform: none;
        -webkit-transform: none;
    }


    div.note {top:0px !important;}
    #cevre .bx-controls.bx-has-controls-direction {display: none;}

    #rooms .roomsCol{margin:15px;}
    #rooms .experienceCol{margin:15px;}
    #kitchen .kitchenCol{margin:15px 15px 15px 15px;}
    #kitchen .instagramCol{margin:15px 0px 30px 15px; }
    #kitchen .twitterCol{margin:15px 15px 30px 0px;}
    div.zoom {left:15px !important;}

    #contact h3{margin-bottom:0px;}
    #contact p{margin-bottom:40px;}

    footer .flogo .logo-footer {margin:0 0 34px;}
    footer .fmap .btn-map {margin:0;}
    footer .fcol01,
    footer .fcol02,
    footer .fcol03,
    footer .fcol04 {margin:30px; width:100%;}
    footer h2 {margin:0px 0 20px;}
    footer ul {margin:0;}
    footer #page-up {bottom:50px;}
}

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    body {overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch;}
    .bx-wrapper .bx-pager { position: absolute; bottom:25px !important; width:50% !important; right:20px !important; }
    .navbar-nav li a{font-size:8px;}
    nav#headerNavbar {
        position:relative;
        background:transparent;
        z-index:1;
    }
    #header a#page-down {bottom:140px !important;}
    .bottomButtonsCol {display:none;}
    #kitchen .twitterCol p.desc { margin:0; display: block; max-height:90px; overflow: hidden; }
    ul#social-mobile{display:none !important;}
    footer #page-up {bottom:35px;}
    .show_all .owl-stage {
        width:980px !important;
        -webkit-transform: translate3d(0, 0px, 0px) !important;
    }
    .show_all .owl-stage {
        transition: 0.7s !important;
        -webkit-transition: 0.7s !important;
    }
    .show_all .owl-item.cloned {display: none;}
    .show_all .owl-item {margin-bottom:20px; margin-right:0px !important;}
    .ekko-lightbox-nav-overlay {
        width: 50% !important;
        right: 0 !important;
        left: 50% !important;
    }
    .ekko-lightbox-item.fade.in.show {
        z-index: 999;
    }
    .modal .modalTextCol h2 {
        font-size: 1.8em;
    }
    .modal .modalTextCol h5 {
        font-size: 1em;
    }
    .modal .modalTextCol p {
        font-size: 0.9em;
    }

    #imgView, #imgView img {
        height: 610px;
        margin: 0 auto;
        width: 100% !important;
    }
    #textView {height:610px;  overflow-x:hidden !important; overflow-y:auto !important;}
    .modal .modalTextCol {display:block !important; min-height:660px;}
    .modal-open .modal {
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }

}

/*  Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1366px)  {
    body {overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch;}
    .bx-wrapper .bx-pager { position: absolute; bottom:25px !important; width: 260px !important; right: 55px !important; }
    #idaRooms .bx-wrapper .bx-pager { position: absolute; bottom: 25px !important; width:50% !important; right:20px !important; }
    nav#headerNavbar {
        position:relative;
        background:transparent;
        z-index:1;
    }
    #header a#page-down {bottom:120px !important;}
    .bottomButtonsCol {display:none;}
    footer #page-up {bottom:35px;}
    ul#social-mobile{display:none !important;}
    .ekko-lightbox .modal-content {overflow:hidden;}
    .show_all .owl-stage {
        width:1080px !important;
        -webkit-transform: translate3d(0, 0px, 0px) !important;
    }
    .show_all .owl-stage {
        transition: 0.7s !important;
        -webkit-transition: 0.7s !important;
    }
    .show_all .owl-item.cloned {display: none;}
    .show_all .owl-item {margin-bottom:20px; margin-right:0px !important;}

}

@media (min-width: 1367px) {
    body {overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling: touch;}
    .bx-wrapper .bx-pager { position: absolute; bottom:25px !important; width: 260px !important; right: 55px !important; }
    #idaRooms .bx-wrapper .bx-pager { position: absolute; bottom: 25px !important; width:50% !important; right:20px !important; }
    nav#headerNavbar {
        position:relative;
        background:transparent;
        z-index:1;
    }
    #header a#page-down {bottom:140px !important;}
    .bottomButtonsCol {display:none;}
    footer #page-up {bottom:35px;}
    ul#social-mobile{display:none !important;}
    .ekko-lightbox .modal-content {overflow:hidden;}

    .show_all .owl-stage {
        width:1080px !important;
        -webkit-transform: translate3d(0, 0px, 0px) !important;
    }
    .show_all .owl-stage {
        transition: 0.7s !important;
        -webkit-transition: 0.7s !important;
    }
    .show_all .owl-item.cloned {display: none;}
    .show_all .owl-item {margin-bottom:10px; margin-right:0px !important;}

}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    footer .flogo .logo-footer {margin:0 0 34px;}
    footer .fmap .btn-map {margin:0;}
    footer .fcol01,
    footer .fcol02,
    footer .fcol03,
    footer .fcol04 {margin:30px; width:100%;}
    footer h2 {margin:0px 0 20px;}
    footer ul {margin:0;}

}