@charset "UTF-8";
/************************************************
Ajans Esperto | www.ajansesperto.com
ie6, ff, opera. chrome, safari
************************************************/


@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700,900&subset=latin,latin-ext);


body {
	font-family: 'Titillium Web', sans-serif;
	color: #6a6b6c;
	background-color: white;
}

a,
a:hover,
a:focus,
a:active { text-decoration: none; color: #ababab; outline: 0; }


h1,h2,h3,h4,h5,h6 { color: #3a3a3a; }


/* Short Codes *****************************************************/

.f3 {font-weight: 300;}
.f4 {font-weight: 400;}
.f5 {font-weight: 500;}
.f6 {font-weight: 600;}
.f7 {font-weight: 700;}
.f8 {font-weight: 800;}
.f9 {font-weight: 900;}
.ft36 {font-size: 36px; font-weight: 500;}
.m0 { margin: 0px; }
.mT15 {margin-top: 15px;}
.mB15 {margin-bottom: 15px;}
.mT30 {margin-top: 30px;}
.mT60 {margin-top: 60px;}
.mB30 {margin-bottom: 30px;}
.mR10 { margin-right: 10px;}
.p0 { padding: 0px; }
.pT15 {padding-top: 15px;}
.pB15 {padding-bottom: 15px;}
.pT30 {padding-top: 30px;}
.pB30 {padding-bottom: 30px;}

.pR { position: relative; }
.db { display: block !important; }
.dib { display: inline-block !important; }
.w100 { float: left; width: 100%; }
.w50 { float: left; width: 50%; }
.eclipse { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }

.tBG { background-color: transparent;}
.tW {color: #fff !important;}
.tW a {color: #fff !important;}
.bW {background-color: #fff !important;}

.tY {color: #ff8638 !important;}
.tY a {color: #ff8638 !important;}
.bY {background-color: #ff8638   !important;}


.tB {color: #000 !important;}
.tB a {color: #000 !important;}
.bB {background-color: #000 !important;}

.tG {color: #3a3a3a !important;}
.tG a {color: #3a3a3a !important;}
.bG {background-color: #3a3a3a !important;}

.trl { -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.trlX { -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.trlY { -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.cover { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.contain { background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }

.yuz {width: 136px; height: 136px;}
/* Buttons *********************************************************/

.btn1 { display: inline-block; padding: 10px 30px; color:#5a5b5b; background-color: #fff; font-weight: 700; font-size: 18px; text-align: center; border: 0px; border-radius: 0px; }
.btn1.sm { padding: 7px 20px; font-size: 13px; }
.btn1.xs { padding: 5px 10px; font-size: 12px; }
.btn1 i { margin-right: 5px; }
.btn1:focus,
.btn1:hover { background-color: #fff; color:#000; }

.btn2 { display: inline-block; padding: 5px 20px; color:#a6a6a6; background-color: #fff; font-weight: 600; font-size: 14px; text-align: center; border: 2px solid #a6a6a6; border-radius: 0px; }
.btn2.sm { padding: 4px 15px; font-size: 13px; }
.btn2.xs { padding: 3px 10px; font-size: 12px; }
.btn2 i { margin-right: 5px; }
.btn2:focus,
.btn2:hover { background-color: #a6a6a6; color:#000; }

.btn3 { display: inline-block; padding: 10px 30px; color:#fff; background-color: #ff8638; font-weight: 600; font-size: 14px; text-align: center; border: 0px; border-radius: 0px; }
.btn3.sm { padding: 7px 20px; font-size: 13px; }
.btn3.xs { padding: 5px 10px; font-size: 12px; }
.btn3 i { margin-right: 5px; }
.btn3:focus,
.btn3:hover { background-color: #333333; color:#fff; }

/*******************************************************************/


/* Share Buttons ***************************************************/


.share-box { float: left; display: block; width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px dashed #ccc; }
.share-box .share-caption { margin-top: 0px; font-weight: 700; }
.btnShare { float: left; display: inline-block; padding: 7px 20px; margin-right: 5px; margin-bottom: 5px; color:#555; background-color: #fff; font-weight: 400; font-size: 12px; text-align: center; border-radius: 0px; }
.btnShare.circle { border-radius: 40px; }
.btnShare i { font-family: 'FontAwesome'; opacity: 0.9; }
.btnShare span { margin-left: 5px; }
.btnShare:focus,
.btnShare:hover {  }

.btnShare:focus i,
.btnShare:hover i { opacity: 1; }

.btnShare.facebook { background-color: #3b5998; color: white; }
.btnShare.facebook:hover { background-color: #304d8a; }
.btnShare.facebook i:after { content: '\f09a'; }

.btnShare.twitter { background-color: #0084b4; color: white; }
.btnShare.twitter:hover { background-color: #00719b; }
.btnShare.twitter i:after { content: '\f099'; }

.btnShare.google-plus { background-color: #dc4a38; color: white; }
.btnShare.google-plus:hover { background-color: #de321d; }
.btnShare.google-plus i:after { content: '\f0d5'; }

.btnShare.instagram { background-color: #49769c; color: white; }
.btnShare.instagram:hover { background-color: #3d698e; }
.btnShare.instagram i:after { content: '\f16d'; }

.btnShare.linkedin { background-color: #1f88be; color: white; }
.btnShare.linkedin:hover { background-color: #147baf; }
.btnShare.linkedin i:after { content: '\f0e1'; }



/*******************************************************************/




/* Custom CSS Desing ***********************************************/

.captionCenter { position: relative; text-align: center; margin: 30px 0px; font-weight: 600; color: #000; z-index: 2; }
.captionCenter span { padding: 0px 30px; background-color: transparent; }
.captionCenter.grey span { background-color: #f8f8f8; }
.captionCenter:before { content: ''; position: absolute; width: 150px; height: 2px; bottom: -8px; left: 50%; margin-left: -75px; background-color: #ff8638;  }

.contact-head { position: relative; text-align: left;  margin: 30px 0px;  font-weight: 600; color: #000; z-index: 2; }
.contact-head span { padding: 0px 30px; background-color: transparent; }
.contact-head.grey span { background-color: #f8f8f8; }
.contact-head:before { content: ''; position: absolute; width: 170px; height: 2px; bottom: -8px; left: 18%; margin-left: -75px; background-color: #ff8638;  }

.cI {font-size: 22px; color: #ff8638;}

.projeCenter { position: relative; text-align: center; margin: 30px 0px; font-weight: 500; font-size: 30px; color: #fff; z-index: 2; }
.projeCenter span { padding: 0px 30px; background-color: transparent; }
.projeCenter.grey span { background-color: #f8f8f8; }
.projeCenter:before { content: ''; position: absolute; width: 150px; height: 2px; bottom: -8px; left: 50%; margin-left: -75px; background-color: #ff8638;  }

.baslikFooter { position: relative; text-align: center; margin: 10px 0px; font-weight: 500; font-size: 20px; color: #fff; z-index: 2; }
.baslikFooter span { padding: 0px 30px; background-color: transparent; }
.baslikFooter.grey span { background-color: #f8f8f8; }
.baslikFooter:before { content: ''; position: absolute; width: 150px; height: 2px; bottom: -8px; left: 50%; margin-left: -75px; background-color: #ff8638;  }


.haberbaslik { position: relative; text-align: center; margin: 20px 0px; font-weight: 500; font-size: 18px; color: #fff; z-index: 2; }
.haberbaslik span { padding: 0px 40px; background-color: transparent; color: #0f0f0f; }
.haberbaslik:before { content: ''; position: absolute; width: 150px; height: 2px; bottom: -13px; left: 50%; margin-left: -75px; background-color: #dddddd;  }

.navbar-toggle { border-radius: 0px; border-color: transparent !important; background-color: transparent; }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover { background-color: transparent; }
.navbar-default .navbar-toggle .icon-bar { background-color: #000; }
.navbar-toggle.collapsed .icon-bar:nth-child(1) { transform: none; -webkit-transform:none; }
.navbar-toggle.collapsed .icon-bar:nth-child(2) { opacity: 1; }
.navbar-toggle.collapsed .icon-bar:nth-child(3) { transform: none; -webkit-transform:none; }

.navbar-toggle .icon-bar:nth-child(1) { transform: rotate(45deg)translate(4px, 4px); -webkit-transform: rotate(45deg)translate(4px, 4px); -moz-transform: rotate(45deg)translate(4px, 4px); -ms-transform: rotate(45deg)translate(4px, 4px); -o-transform: rotate(45deg)translate(4px, 4px); }
.navbar-toggle .icon-bar:nth-child(2) { opacity: 0; }
.navbar-toggle .icon-bar:nth-child(3) { transform: rotate(-45deg)translate(5px, -5px); -webkit-transform: rotate(-45deg)translate(5px, -5px); -moz-transform: rotate(-45deg)translate(5px, -5px); -ms-transform: rotate(-45deg)translate(5px, -5px); -o-transform: rotate(-45deg)translate(5px, -5px); }



.pagination>li>a,
.pagination>li>span { border: 1px solid #eeeeee; margin-left: 0px; font-weight: 700; }

.pagination>li:first-child>a,
.pagination>li:first-child>span { border-radius: 0px; }
.pagination>li:last-child>a,
.pagination>li:last-child>span { border-radius: 0px; }
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover { border-color: #2185d0; background-color: #2185d0; color: #fff; }

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover { background-color: #1678c2; }

.bx-wrapper .bx-viewport { border: none; box-shadow: none; background-color: transparent; left: 0; }

/*******************************************************************/


/* TRANSITION ******************************************************/

.navbar-nav>li>a,
.navbar-nav>li>a>div,
.navbar-nav>li>a:before,
.btn1,
.btn2,
.btn3,
.btnShare,
.trible-text i,
.suite-text i,
.suite-text,
.trible-text,
.activity-box .text,
.activity-box .text .icon,
.activity-box .text .icon svg *,
.activity-box .img,
.news-box,
.bottom-carousel .box:before,
.bottom-carousel .box:after,
.footer-social li a i,
.icon-bar,
.buttons i,
.gallery .box:before,
.gallery .box:after {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.team-box .text,
.team-box .img {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
/*******************************************************************/



/* HEADER **********************************************************/
.topInfo{ background-color: #eeeeee; line-height: 40px;}
.topInfo .info-contact{margin-right: 40px; top: 0; display: inline-block; color: #888888;}
.topInfo .info-social{margin-right: 15px; top: 0; display: inline-block; color: #888888;}
.topInfo .info-social i{ font-size: 18px; margin-left: 15px; top: 0; display: inline-block; color: #205f8a;}

#header { font-family: 'Open Sans', sans-serif; }
#header .navbar { border-radius: 0px; border: none; border-bottom: 4px solid #205f8a; background-color: white; margin-bottom: 0px; }
#header .navbar-nav { margin-top: 40px; }

#header .navbar-brand { height: 124px; padding: 0px 15px; }
#header .navbar-brand img { height: 124px; }
#header .navbar-brand img.scroll-logo { display: none; }
#header .navbar-nav { margin-top: 45px; margin-left: 70px; }
#header .navbar-nav>li>a { position: relative;  cursive; color: grey; font-size: 16px; padding: 10px 13px; }
#header .navbar-nav>li>a:before { content: ''; position: absolute; width: 2px; height: 0%; top: 0; left: 0; background-color: #1f88be;  }
#header .navbar-nav>li>a:after { content: ''; position: absolute; width: 0%; height: 2px; top: 0; left: 0; background-color: #1f88be;  }

#header .navbar-nav>.active>a,
#header .navbar-nav>.active>a:focus,
#header .navbar-nav>.active>a:hover { background-color: transparent; }

#header .navbar-nav>.active>a:before,
#header .navbar-nav>.active>a:focus:before,
#header .navbar-nav>.active>a:hover:before { height: 40%; }

#header .navbar-nav>.active>a:after,
#header .navbar-nav>.active>a:focus:after,
#header .navbar-nav>.active>a:hover:after { width: 20%; }

#header .navbar-nav>li>a:focus,
#header .navbar-nav>li>a:hover { color: grey; }

#header .navbar-nav>li>a:focus:before,
#header .navbar-nav>li>a:hover:before { height: 40%; }

#header .navbar-nav>li>a:focus:after,
#header .navbar-nav>li>a:hover:after { width: 40%; }

#header .navbar-nav>.open>a,
#header .navbar-nav>.open>a:focus,
#header .navbar-nav>.open>a:hover { background-color: transparent; }

#header .navbar-nav>.open>a:before,
#header .navbar-nav>.open>a:focus:before
#header .navbar-nav>.open>a:hover:before { height: 100%; }

#header .navbar-nav>li>.dropdown-menu { padding: 0px; border: none; border-radius: 0px; border-left: 3px solid grey; }
#header .navbar-nav>li>.dropdown-menu>li>a { position: relative; z-index: 2; padding: 8px 20px; }
#header .navbar-nav>li>.dropdown-menu>li>a:before { content: ''; position: absolute; width: 0%; height: 100%; top: 0; left: 0; background-color: grey; z-index: -1; }
#header .navbar-nav>li>.dropdown-menu>li>a:hover { color: white; }
#header .navbar-nav>li>.dropdown-menu>li>a:hover:before { width: 100%; }

#header .top-contact { position: absolute; right: 15px; top: 0; display: inline-block; color: #205f8a; }
#header .top-contact i { margin-right: 10px; }
#header .top-contact a { color: #205f8a; }

/*******************************************************************/
.form-control { border-radius: 0px; border: 2px solid #ff8638; height: 50px; box-shadow: none; background-color: transparent; }
.form-control:focus { border-bottom-color: #ff8638; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; box-shadow: none; -webkit-box-shadow:none; }
.form-control-feedback { font-weight: 300; line-height: 50px; }


#main .contact .form-control { border-radius: 0px; border: 0px; color: #333333;  box-shadow: none; background-color: #eeeeee; }
#main .contact .form-control:focus { border-bottom-color: #ff8638; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; box-shadow: none; -webkit-box-shadow:none; }
#main .contact .form-control-feedback { font-weight: 300; line-height: 50px; }

/* MAIN ************************************************************/


#main { background-color: #f8f8f8; }
#main .banner {  }
#main .banner .bread { height: 150px; }
#main .callyou { background-color: #004378; min-height: 80px;}
#main .callyou .callyou-title{ color: white; font-size: 36px;}
#main .callyou .form-control {color: white;}
#main .hizmetler  img{width: 100%;}
#main .hizmetler .hizmet-title {border-bottom: solid; border-bottom-width: 3px; solid-color: #ff8638}
#main .hizmetler .hizmet-content {background-color: #fff; margin-top: -55px;}
#main .hizmetler article{}


#main .main-team { padding: 50px 0px; }
#main .main-team .team-box { position: relative; overflow: hidden; }
#main .main-team .team-box .img { position: relative; width: 100%; }
#main .main-team .team-box .text { position: absolute; width: 100%; left: 0; bottom: 0; border-bottom: 2px solid transparent; text-align: center; background-color: white; padding: 30px 0px; }
#main .main-team .team-box .text figcaption { font-size: 15px; }
#main .main-team .team-box:hover .text { border-bottom: 2px solid #ff8638; padding: 60px 0px; }
#main .main-team .team-box:hover .img { transform:translateY(-40px); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); -o-transform:translateY(-40px); }


#main .content .content-body .team-box { position: relative; overflow: hidden; cursor: pointer; }
#main .content .content-body .team-box .img { position: relative; width: 100%; }
#main .content .content-body .team-box .text { position: absolute; width: 100%; left: 0; bottom: 0; border-bottom: 2px solid transparent; text-align: center; background-color: white; padding: 30px 0px; }
#main .content .content-body .team-box .text figcaption { font-size: 15px; }
#main .content .content-body .team-box:hover .text { border-bottom: 2px solid #ff8638; padding: 60px 0px; }
#main .content .content-body .team-box:hover .img { transform:translateY(-40px); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); -o-transform:translateY(-40px); }




#main .projeler { background-color: #47709f; min-height: 202px; margin-top: 80px;}
#main .projeler .proje-tab>li { display: block}
#main .projeler .proje-tab>li>a { position: relative;   color: #babfc5; font-size: 16px; padding: 10px 13px; }
#main .projeler .proje-tab>li>a:active { position: relative;   color: #ff8638; font-size: 16px; padding: 10px 13px; }
#main .projeler .proje-tab>li>a:before { content: ''; position: absolute; width: 2px; height: 0%; top: 0; left: 0; background-color: #1f88be;  }
#main .projeler .proje-tab>li>a:after { content: ''; position: absolute; width: 0%; height: 2px; top: 0; left: 0; background-color: #1f88be;  }
#main .proje-blok .tab-pane img {width: 100%;}


#main .projeler .proje-menu  .nav-tabs { border-bottom: 0px solid #E0001B; }
#main .projeler .proje-menu  .nav-tabs>li>a { margin-right: 2px; }
#main .projeler .proje-menu  .nav>li>a:focus,
#main .projeler .proje-menu .nav>li>a:hover {border: 0px solid #E0001B; border-bottom-width: 2px; border-bottom-color: #ff8638; background-color: transparent; color: white; border-radius: 0px;  }

#main .projeler .proje-menu  .nav-tabs>li.active>a,
#main .projeler .proje-menu .nav-tabs>li.active>a:focus,
#main .projeler .proje-menu .nav-tabs>li.active>a:hover { border: 0px solid #E0001B; border-bottom-width: 2px; border-bottom-color: #ff8638; background-color: transparent; color: white; border-radius: 0px; }
.tab-content{margin: 0;}
.tab-content>.tab-pane {  }

#main .container-fluid{margin:0;}

#main .hizmet {margin-top: 30px;}
#main .hizmet img{width: 100%;}
#main .mlog .mlog-baslik{margin-top: -135px; z-index: 5; position: absolute; height: 135px;  background-color: #004378; filter: alpha(opacity=80); opacity: 0.8; align-content: center;}
#main .mlog .mlog-contact{margin-top: -135px; z-index: 5;  height: 135px;  background-color: #004378; filter: alpha(opacity=80); opacity: 0.8; align-content: center;}

#main .hizmet .room-gallery {  }
#main .hizmet  .room-gallery #room-gallery {  }
#main .hizmet  .room-gallery #room-gallery .item {  }
#main .hizmet  .room-gallery #room-gallery .item img { width: 100%; }

#main .hizmet  .room-gallery #room-gallery-thumb { margin-top: 10px; }
#main .hizmet  .room-gallery #room-gallery-thumb .item { padding: 2px; }
#main .hizmet  .room-gallery #room-gallery-thumb .item img { padding: 3px; width: 100%; }
#main .hizmet  .room-gallery #room-gallery-thumb .owl-item img { border: 1px solid transparent; }
#main .hizmet  .room-gallery #room-gallery-thumb .owl-item.active img { border: 1px solid #02A0CF; }

#main .diger img {width: 100%;}
#main .diger .hizmet-title {border-bottom: solid; border-bottom-width: 3px; solid-color: #ff8638}
#main .diger .hizmet-content {background-color: #fff; margin-top: -55px;}
#main .diger article{}

#main .hizmet .hizmet-title {border-bottom: solid; border-bottom-width: 3px; solid-color: #ff8638}
#main .hizmet .hizmet-content {background-color: #fff; margin-top: -55px;}
#main .himzet article{}

/*******************************************************************/




/* FOOTER **********************************************************/

#footer { padding: 30px 0; margin-top: 60px; color: #fff; background-color: #47709f; }
#footer .footer-contact address { margin-bottom: 5px; font-size: 16px; }
#footer .footer-contact p { margin-bottom: 0; font-size: 16px; }
#footer .footer-contact a { color: white; }
#footer .footer-reservation { text-align: center; }
#footer .footer-reservation i { width: 40px; height: 40px; line-height: 40px; font-size: 30px; text-align: center; background-color: #acd373; color: #fff; }
#footer .footer-logo { margin-top: 40px; }
#footer .footer-form-box { text-align: right; }
#footer .footer-form {  }
#footer .footer-form .input-group { width: 100%; margin-bottom: 5px; }
#footer .footer-social { padding: 0; margin: 0; list-style-type: none; float: right; }
#footer .footer-social li { float: inherit; }
#footer .footer-social li a { display: block; margin-left: 15px; }
#footer .footer-social li a i { width: 30px; height: 30px; line-height: 30px; text-align: center; color: white; font-size: 24px; }
#footer .footer-social li a:hover i { transform:translateY(-3px); -webkit-transform:translateY(-3px); -moz-transform:translateY(-3px); -ms-transform:translateY(-3px); -o-transform:translateY(-3px); }
.footer-link{color: white;}
#footer-line{height: 25px; color:white; background-color:#ff8638; }
/*******************************************************************/






/* Responsive ******************************************************/

/* SM Mobil Menu */
@media (max-width: 1199px) {
    .navbar-header { float: none; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 2px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .navbar-text { float: none; margin: 15px 0; }
    .navbar-collapse.collapse.in { display: block!important; }
    .collapsing { overflow: hidden!important; }
    .navbar-brand { position: relative; }

}


/* XS */
@media (max-width: 767px) {
	.btnShare { padding: 0px; }
	.btnShare.circle { border-radius: 50%; }
	.btnShare i { margin-right: 0px; width: 31px; height: 31px; line-height: 31px; text-align: center; }
	.btnShare span { display: none; }
	#header .navbar-brand { height: 50px; }
    #header .navbar-brand img { height: 35px; }
    #header .top-contact { display: none; }
    #header .navbar-nav { margin-top: 0; }
    .navbar-right { margin-right: 0; }
    #header .navbar-nav>li>a { text-align: center; padding: 10px 15px; }
    #header .navbar-nav>li>a:before { display: none; }
    #header .navbar-nav>li>a:after { display: none; }
    #header .navbar-nav>li>a:focus>div,
    #header .navbar-nav>li>a:hover>div { opacity: 1; font-weight: 700; }
    #main .main-rooms .suite { width: 100%; }
    #main .main-rooms .trible { width: 100%; }
    #main .main-rooms .trible-text { width: 100%; height: auto; bottom: 0; left: 0; top: auto; }
    #main .main-rooms .trible:hover .trible-text { width: 100%; padding: 30px 15px; }
    #main .main-rooms .trible-text i { top: -40px; }
    #footer { text-align: center; }
    #footer .footer-form-box { text-align: center; }
    #footer .footer-social { display: flex; display: -webkit-flex; justify-content:center; float: none; }
    #main .content-body { padding: 30px 15px; }
    #header .navbar-nav>.active>a>div { opacity: 1; font-weight: 700; }
    #main .projeler .proje-menu{ width: 220px; margin: 0 auto;}
}
@media (min-width:300px) and (max-width:737px){
    #main .mlog .mlog-baslik{margin-top: -70px; z-index: 5; position: absolute; height: 70px;  background-color: #004378;  opacity: 0.8; align-content: center;}
}
/* SM */
@media (min-width: 768px) and (max-width: 991px) {
	#header .navbar-brand { height: 50px; }
    #header .navbar-brand img { height: 35px; }
    #header .top-contact { display: none; }
    #header .navbar-nav { margin-top: 0; }
    .navbar-right { margin-right: 0; }
    #header .navbar-nav>li>a { text-align: center; padding: 10px 15px; }
    #header .navbar-nav>li>a:before { display: none; }
    #header .navbar-nav>li>a:after { display: none; }
    #header .navbar-nav>li>a:focus>div,
    #header .navbar-nav>li>a:hover>div { opacity: 1; font-weight: 700; }
    #main .main-rooms .suite { width: 100%; }
    #main .main-rooms .trible { width: 100%; }
    #header .navbar-nav>.active>a>div { opacity: 1; font-weight: 700; }
    #main .projeler .proje-tab>li { display: block;}
    #main .projeler .proje-menu{ width: 220px; margin: 0 auto;}
    #main .mlog .mlog-baslik{margin-top: -80px; z-index: 5; position: absolute; height: 80px;  background-color: #004378;  opacity: 0.8; align-content: center;}
}
/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
    .dropdown:hover .dropdown-menu { display: block; }
    #header .navbar-brand { height: 50px; }
    #header .navbar-brand img { height: 35px; }
    #header .top-contact { display: none; }
    #header .navbar-nav { margin-top: 0; }
    .navbar-right { margin-right: 0; }
    #header .navbar-nav>li>a { text-align: center; padding: 10px 15px; }
    #header .navbar-nav>li>a:before { display: none; }
    #header .navbar-nav>li>a:after { display: none; }
    #header .navbar-nav>li>a:focus>div,
    #header .navbar-nav>li>a:hover>div { opacity: 1; font-weight: 700; }
    #main .main-rooms .suite { width: 100%; }
    #main .main-rooms .trible { width: 100%; }
    #main .projeler .proje-tab>li { float: left display: block}
    #main .projeler .proje-menu{ width: 550px; margin: 0 auto;}

}

/* LG */
@media (min-width: 1200px) {
    .dropdown:hover .dropdown-menu { display: block; }
    #main .projeler .proje-tab>li { float: left; display: block}
    #main .projeler .proje-menu{ width: 550px; margin: 0 auto;}
}