/* #Main Styles for Orka Boutique Hotel
 ================================================== */
@import url('orka-main.css?v4');

/* #Color Scheme
 *
 * You could pick one of these available colors:
 * 1.) blue.css
 * 2.) red.css
 * 3.) green.css
 * 4.) brown.css
 *
 * Or just comment or remove the line below to use default color (Black)
 *
 ================================================== */
div#footer .container {
    width: 1170px;
    margin: 0 auto;
}
div#footer-offers {
    width: 330px !important;
}
.CallCenter {
    position: absolute;
    top: -45px;
    margin: 5px auto;
    float: right;
    right: 0px;
}

/* @import url('colors/brown.css');*/ 
div#sosyal-iconlar-index img {
    width: 80%;
}
div#sosyal-iconlar-index ul {
    margin: 10px 0px 0 0;
    padding: 0;
}
div#sosyal-iconlar img {
    width: 80%;
}
div#sosyal-iconlar ul {
    margin: 10px 0px 0 0;
    padding: 0;
}

.half.column.last ul {
  
    margin: 0;
    padding: 0;
}

div#room-photos img{
max-height: 450px;
    width: auto !important;
	margin:0 auto;
	
	}
.container.section.cevre_holder.section .half.column {
    margin-left: 20px;
    width: 530px;
    margin: 0 auto;
    float: none;
}
@media only screen and (max-width: 767px){
.half.column.last ul {
    width: 80%;
    float: left;
    margin-left: 25px !important;
    /* margin: 0; */
    padding: 0;
}
ul.button_holder li:nth-child(2) {
    padding: 2px 0px 2px 40% !important;
}

}
.button.large {
    background-color: #FE9003;
	width: 141px;
}
.mid {
    width: 70%;
    margin: 0 auto;
}
div#award {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
}
div#TA_certificateOfExcellence35 {
    margin-right: 10px;
}
@media only screen and (max-width: 767px){
.mid {
    display: none;
}
span.footer.left {
    padding-left: 0 !important;
}

}
div#TA_restaurantWidgetGreen277 {
    margin-left: 45px;
}
.button_holder {
	overflow: hidden;
    width: 80%;
    margin: 0 auto;
}
ul.button_holder li {
    float: left;
	margin-bottom: 15px;
}
ul.button_holder li:nth-child(2) {
    padding: 30px 10px 30px 10px;
}



@media (max-width: 479px) {
    div#footer .container {
        width: 90%; /* ya da 300px gibi sabit bir değer */
    }
}

/* Büyük telefonlar (480px - 767px) */
@media (min-width: 480px) and (max-width: 767px) {
    div#footer .container {
        width: 440px; 
    }
}

/* Tabletler (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    div#footer .container {
        width: 720px;
    }
}

/* Küçük dizüstü (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    div#footer .container {
        width: 960px;
    }
}

/* Büyük ekranlar (1200px ve üzeri) */
@media (min-width: 1200px) {
    div#footer .container {
        width: 1140px;
    }
}