:root { 
	--logoSari: rgb(253, 236, 214);
  --logoYesil: rgb(168, 206, 141);
  --backKoyu: rgb(32, 47, 80);
  --backAcik: rgb(48, 63, 96);
  --darkblue: rgba(16, 24, 40, .8);
}
* {box-sizing: border-box;}
html {scroll-behavior:smooth; font-size:16px;}
body { width:100%; overflow-x:hidden; scroll-behavior:smooth; padding:0; margin:0; background: var(--backAcik);}
.mobileOnly{display:block;}
.mobileOnlyInline {display:inline;}
.upTablet, .upTabletInline, .upTabletGrid {display:none;}
.gridMob1tab2, .gridMob1tab2equal { display:grid; gap:1rem; grid-template-columns:1fr; width:100%;}
.gridMob2tab3 , .gridMob2tab4 { display:grid; gap:1rem; grid-template-columns:1fr 1fr; width:100%;}
.gridMob3tab6 { display:grid; gap:<1rem; grid-template-columns:1fr 1fr 1fr; width:100%;}
.paddMob1remTab2rem {padding:1rem; }
.margMob1remTab2rem {margin:2rem; }


/* Reset */
* {  margin:0;  padding:0;  box-sizing:border-box;   font-family: "PT Sans Narrow", sans-serif; scroll-behavior:smooth; 
  font-optical-sizing: auto; font-weight:400; 
  font-style:normal; text-decoration:none; transition:all .5s; }
h1, h2, h3, h2 *, h3 *, h1 * {  font-family: "Economica", sans-serif;}
li {color: var(--logoSari);}
h2.title {    font-size: 1.3rem; color: var(--logoYesil); margin-bottom: 1rem;}

.metiniciLink { color: var(--logoSari); text-decoration: underline;  text-underline-position: under; 
	text-decoration-color: rgba(253,236,214,.5);}
.metiniciLink:hover {color: var(--logoYesil);  text-decoration-color: rgba(168,206,141,1);}

.bold {font-weight:bold;} .italic {font-style: italic;}
p {text-align:left; color:var(--logoSari); line-height:1.7em; text-align:justify; text-justify:inter-word; margin-bottom: .5rem;}
a {color:var(--logoYesil) ; cursor: pointer;}
button{cursor: pointer;} 

/* popupBox & cookie */
.popupBox {padding: 1rem; width: 100dvw; min-height: 100dvh; position: fixed; top: 0; left: 0; z-index: 1000000; 
  display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, .6); }
.popup {padding: 2rem 1rem 1rem 1rem; min-width: 300px; max-width: 90dvw;  position: fixed; background: var(--backAcik) !important; 
   box-shadow: 2px 2px 2px rgba(0,0,0,.3); }
.popup * { color: var(--logoSari)!important;}
.closeBtn {position: absolute; right: 0rem; top: 0rem; border: 0; background: none; cursor: pointer; padding: 1rem;}
#notificationIcon {  height:1.3rem; background-image: url("/files/icons/notification.svg"); cursor: pointer;
  background-position: right center; background-size: contain; background-repeat: no-repeat; background-color:transparent; 
  display: none; border: none; padding-right: 1.3rem;}

/* x popupBox & cookie */


#header { background:#fcc;  }
#headerBox {position: fixed; top: 0; left: 0; width: 100dvw; display: flex; justify-content: space-between; 
	align-items: center; z-index: 1000; padding: .5rem; background: rgba(19, 25, 43, 1.0); }
#logo {display: inline-block; opacity: 1; height: 3rem; width: 4rem; background-repeat: no-repeat; background-size: contain;
 background-position: center; background-image: url('/files/logo.svg'); text-indent: -999px;}
.is-at-top #headerBox:not(.visible) #logo {opacity: 0; }
#menuRigthbox {display: flex;  margin-right: 1rem; justify-content: flex-end; align-items: center;}
#menuRigthbox > button, #menuRigthbox > a,#menuRigthbox > div {margin-left: 1rem;}
#menuRigthbox a {display: flex; height: 1.5rem;  align-items: center; color: var(--logoYesil);}
#menuRigthbox a:hover {color: var(--logoSari);}
#menuRigthbox a svg path {fill: var(--logoYesil);}
#menuRigthbox a:hover svg path {fill: var(--logoSari);}
#menuRigthbox .menuIconText {display: none; color: var(--logoYesil); font-size: 1rem; margin-right: .5rem;}
.booknow {padding: 3px 6px; background: var(--logoYesil); color: var(--darkblue); font-size: 1rem; 
	border-radius: .3rem; border: none;   white-space: nowrap; 
  -webkit-user-select: none; user-select: none; }
#header-booknow {opacity:1;  }
.is-at-top #headerBox:not(.visible) #header-booknow {opacity:0;  }

#menu-button {  width:1em; height:1em; display:flex; 
  justify-content:center; align-items:center;  cursor:pointer; transition:all 0.3s ease; z-index:400;}

#menu-button i {background-color:var(--logoYesil); height:2px; width:1.25rem; display:block; 
  transition:all 0.3s ease; position: absolute;}
#menu-button #iconi1 { margin-bottom: .8rem;}
#menu-button #iconi2 { opacity: 1;}
#menu-button #iconi3 { margin-top: .8rem;}

#menu-button.cross #iconi1 {transform:rotate(45deg); margin-bottom: 0rem;}
#menu-button.cross #iconi2 {opacity: 0;}
#menu-button.cross #iconi3 {transform:rotate(-45deg); margin-top: 0rem;}
.mainMenuIcon { height:1.5rem; width:auto; }

#main-menu {  position:fixed;  top:0rem;  right:-100%;  width:13rem;  height:100dvh; z-index:300;
  background:rgb(19, 25, 43);  color:var(--logoSari);  transition:right 0.3s ease; display: grid; grid-template-columns: 1fr;
	grid-template-rows: auto 4rem;}
#main-menu ul {  list-style:none;  position: relative; height: 100%; margin-top: 4rem;} 

#main-menu ul li a, #main-menu ul li button {    text-decoration:none;  display:block;  width: 100%; padding: .5rem 2rem; 
	text-align: center;  background: rgb(19, 25, 43); border: none; color: var(--logoYesil); font-size: 1.1em; text-align: left;}
#main-menu ul li a:hover {  background:#313E3D; }

#main-menu ul li a#language {position: absolute; bottom: 2rem;  font-style:italic; display: flex; align-items: center;}
#main-menu ul li a#language #flag { height:1em; width:1em; margin-right:.5em; border-radius:.2em; box-shadow: 0 0 1px 2px rgba(255,255,255,.2);}


.quickLinks {display: inline-flex; justify-content: center; align-items: center; background: rgba(168, 206, 141,.1);
	border-radius: .5rem; margin: 1rem auto; padding: 4px;}
.quickLinks a, .quickLinks p {color: var(--logoYesil); padding: .5rem .7rem .5rem 1rem; 
	margin: 0; line-height: 1rem; border-radius: .3rem; display: flex; align-items: center;}
.quickLinks a:hover {background: var(--logoYesil); color: var(--darkblue); }
.quickLinks svg{height: 1.5rem; margin-left: .5rem;}
.quickLinks a svg *{fill:rgb(168,206,141); height: 1.5rem;}
.quickLinks a:hover svg *{fill:#000}

a.oklu:after {content: ""; display: inline-flex; align-items: center; margin-left: 3px; margin-right: 7px; transition:all .5s;}
a.oklu:hover:after { margin-left: 8px; margin-right: 2px;}
#pageName { font-size: 3rem; color: var(--logoYesil); text-align: center; width: 100%; }

#landingBox { width: 100dvw; height: 100dvh; overflow: hidden; position: relative; color: var(--logoSari); display: flex;
	align-items: center;}
#landingVideo{z-index: 1; background-color:#000; position:absolute; top:50%; left:50%; object-fit:cover;
	min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); 
	opacity: 0; transition: opacity 1s ease-in;
}
#landingVideo[src], #landingVideo:has(source) { opacity: 1; }

/* 96 */
#motto { font-size:1.1rem; margin-bottom: 3rem; text-align: center;}
#dropDescription {font-size: 2rem; color: var(--logoYesil); text-align: center; margin: 0 1rem 3rem 1rem;}
#landingLogo {height: 5rem; opacity: 0;}
.is-at-top #landingLogo { opacity:1 }
#landingShadow, #landingContent  {   position: absolute; z-index: 1; top: 0; left: 0; width: 100dvw; height: 100dvh; }

#landingVideo { filter: blur(10px);}
#landingShadow {background: linear-gradient( rgba(19, 25, 43, 1) 50%, rgba(19, 25, 43, 0.8) 50%);
	background-size: 100% 2px;   z-index: 2; pointer-events: none;}
#landingContent { z-index:4; display: flex; padding: 5rem 2rem 2rem 2rem; flex-direction: column; 
	justify-content: center;}
#landingMenu {display:flex; align-items: center; justify-content: center; position: relative; 
	height: 20rem;}
#landingMenuOptions {display: grid; gap:2rem; justify-content: center; grid-template-columns: 1fr;
	position: absolute; top: 0px; opacity: 1; z-index: 2;
}
#landingMenuOptions button, .landingSubmenu button, .landingSubmenu a, #pricingSelector button { background: rgba(255,255,255, .1); 
	border-radius: 1rem; outline: none; border: none; color: var(--logoSari);display: inline-grid; 
	grid-template-columns: auto auto; padding: 1rem; gap: 1rem 0;  align-items: center;
}
.landingSubmenu a, .landingSubmenu button {grid-template-columns: auto; justify-items:center;}
.landingSubmenu img {display: block;}

#landingMenuOptions button:hover, .landingSubmenu button:hover, .landingSubmenu a:hover  {  background: rgba(255,255,255, .2);}
#landingMenuOptions.hidden {  top:1rem; z-index:1; opacity: 0; pointer-events: none; 
	-webkit-user-select: none; user-select: none; }

.landingSubmenu { position: absolute; top: 0px; opacity:1; z-index: 2; display: grid; width: 100%; gap:1rem;
	grid-template-columns: 1fr 1fr ;}
.landingSubmenu.hidden { top: 1rem;  opacity: 0; z-index: 1; pointer-events: none; 
		-webkit-user-select: none; user-select: none; }
.landingSubmenu .title, #pricingSelector .title {font-size: 1.3rem;  color: var(--logoYesil); letter-spacing: 2px;  text-align: left; 
	display: block;
}
.landingSubmenu .metin {font-size: 1.3rem; text-align: center; grid-column: 1/-1;}


#landingMenuBooking {grid-template-columns: 1fr;}
#menuBookingSolo { grid-template-columns: 3fr 2fr; }
#menuBookingBands { grid-template-columns: 3fr 2fr;  }
#menuBookingBooking { grid-template-columns: 3fr 2fr;  }

.is-at-top #headerBox:not(.visible) {background: rgba(19, 25, 43, 0);}
#landingNew {margin-right:0;}

/* 135 */

#topBox, #topShadow {position: fixed; z-index: 1; top: -5vh; left: -5vw; min-width: 110vw; min-height: 110vh; }
#topBox .topBoxVideo {filter: blur(10px); z-index: 1;}
#topShadow {z-index: 2; background: rgba(19, 25, 43, .9);}

#altsayfaBack {position: fixed; z-index: 1; top: 0; left: -5dvw; 
	min-width: 110dvw; min-height: 110vh; 
	background-size: cover; background-position: center 	center; background-repeat: no-repeat;}

#altsayfaBack.aboutDrop {background-image: url(/files/pics/still_images/023-s.webp);}
#altsayfaBack.studios {background-image: url(/files/pics/still_images/026-s.webp);}
#altsayfaBack.instruments {background-image: url(/files/pics/still_images/017-s.webp);}

section { width:100dvw; display:flex; align-items:center; justify-content:center; padding: 1rem; min-height: 50dvh; }
section.sectionBoxAcik {background: var(--backAcik); z-index: 11;}
section.sectionBoxKoyu {background: var(--backKoyu); z-index: 11;}
section.sectionBoxBeyaz {background: #fffae7; }
section.sectionBoxBeyaz p { color:#000; }
section .sectionContentBox { width:100%; max-width:41rem; display: grid; align-content: center;}
.sep {height:2px; display:inline-block; width:100%; background:var(--logoYesil); overflow:hidden; margin:1rem 0;  }
.sectionTitle {color:var(--logoYesil); font-size:1.5rem; text-align:left; }
section#qaSection {padding: 5rem 1rem 2rem;}

.Accord-inner .titleP {font-weight: bold; font-style: italic; color: var(--logoYesil);}
.dropName {font-weight: bold; color: var(--logoYesil)!important;}

#stage {position: absolute; top:5rem; left:0; z-index: 10;}

#govde {   background: none!important; min-height: 100dvh;}
#govde ul {list-style: none;}
#govde li {margin: 0 1rem 1rem 0rem; color: var(--logoSari); font-style: italic; 
    background: url(/files/icons/music-solo-note-serifli.svg) no-repeat left center; background-size: .7rem auto;
    padding: 0px 0px 0px 1.5rem;}
#govde img.floaty {width: 100%; margin: 1rem 3px; border-radius: .5rem; box-shadow: 0px 0px 3px rgba(255,255,255, .2);}

.summaryBox {display: grid; grid-template-columns: 1fr; margin-bottom: 2rem; }
.summaryBox img { order:1; width: 100%; margin-bottom: 1rem;}
.summaryBox .summary { order:2; display: grid; grid-template-columns: 1; align-content: center;}


.techRiderBox::-webkit-scrollbar { display: none; }
.techRider { border-collapse: collapse; max-width: 800px; margin: auto;}
.techRider th{background-color: var(--backKoyu)!important; color:var(--logoYesil); }
.techRider th, .techRider td {padding: .5rem; border: 1px solid #f0f0f0; }
.techRider td {min-width: 8rem; background-color:#ccc; color: var(--backKoyu);}
.techRider tbody tr:nth-child(odd) td { background-color: var(--backAcik); color: var(--logoYesil);}

.techRiderContent { display: grid; grid-template-columns: auto; gap: .5rem; margin-top: 0rem!important; }
.Accord-active > .Accord-content > .techRiderContent {margin-top: 1rem!important;}

.techRiderContent > div {background: rgba(255, 255, 255, .1); padding: .5rem; color: var(--logoSari); display: grid;
	grid-template-columns: 4rem auto; border-radius: .2rem;}
.techRiderContent .techTitle {  color: var(--logoYesil); }
.techRiderContent .equip {grid-column: 1/-1; color: var(--logoSari); font-weight:bold;display: block; background: rgba(255, 255, 255, .3);}


/* 182 */

/* QAakordiyon */
.Accord-container { max-width: 800px; margin: 20px auto; }
.Accord-item {  overflow: hidden; border: 1px solid var(--backAcik); padding: 1rem; border-radius:.75rem; margin-bottom: 2rem;}
.Accord-header { width: 100%; padding: 0; background: none; border: none; text-align: left; cursor: pointer; font-size: 1.1rem; color: var(--logoYesil); font-weight: 600; display: flex; align-items: center; }
/* Arrow Icon */ .Accord-header::before { content: ""; display: inline-flex; margin-right: 12px; transition: transform 0.3s ease; font-size: 0.8rem; }
/* Active State Arrow */ .Accord-item.Accord-active > .Accord-header::before { transform: rotate(90deg); }
.Accord-header h2 {font-size: 1.3rem;}

/* Smooth Animation Logic */ .Accord-content { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.3s ease-out; }
.Accord-item.Accord-active > .Accord-content { grid-template-rows: 1fr; }
.Accord-inner { min-height: 0; overflow: hidden;  margin-top: 0;}
.Accord-inner p { color: var(--logoSari); line-height: 1.6; }
.Accord-item.Accord-active > .Accord-content > .Accord-inner {  margin-top:2rem;}
#qaSection .Accord-item { border: 1px solid rgba(253, 236, 214, .1);}
/* İç içe akordiyonun dış çerçevesini biraz daraltalım ve iç boşluğu düzenleyelim */
.nested-style { margin: 0 auto;}



.nested-style .Accord-item { background: rgba(255, 255, 255, 0.02);
	margin-bottom: 1rem; /* İç akordiyonlar arası boşluk daha az olsun */ }
.nested-style .Accord-header::before { font-size: 0.6rem; margin-right: 8px; }
.nested-style .Accord-header { font-size: 1rem;  font-weight:normal; }

/* Read More Specific Styles */
.ReadMore-content {display:grid; grid-template-rows:0fr; transition:grid-template-rows 0.3s ease-in-out; overflow:hidden;}
.ReadMore-wrapper.is-expanded .ReadMore-content { grid-template-rows: 1fr; }
/* VERY IMPORTANT: The child of the nested grid needs min-height: 0 too */
.ReadMore-inner { min-height: 0;}
/* Your existing p color fix */
.ReadMore-content p { color: var(--logoSari); margin-top: 10px; }
.ReadMore-btn { background: none; border: none; color: var(--logoYesil); cursor: pointer; font-weight: bold; padding: 5px 0; 
	font-size: 0.9rem; display: flex; align-items: center; gap: 5px; /* Metin ve ok arasındaki boşluk */ }
.arrow-down { 	padding-left: 5px; 	padding-right: 0px; display: inline-block; transform: rotate(90deg); 
	transition: transform 0.3s ease; }  /* Ok işaretlerinin dönüş animasyonu */
.arrow-up { 	padding-left: 0px; 	padding-right: 5px; display: inline-block; transform: rotate(-90deg); 
	transition: transform 0.3s ease; }
/* x Read More Specific Styles */
/* x QAakordiyon */

#pricingSelector {display: flex; justify-content: center; max-width: calc(100dvw - 6rem); margin-left: 2rem;}
#pricingSelector .title { padding:.3rem ; text-align:center; font-size: 1rem;}
#peopleSolo {margin-right: 1rem;} 
#pricingSelector button {border: solid rgba(255,255,255, .1); background: none; padding: .5rem 1rem; font-size: 1rem;
  border-radius: .5rem .5rem 0rem 0rem; border-width: 1px 1px 0 1px; opacity: .5;}
#pricingSelector button:hover { background: rgba(255,255,255, .1); opacity: 1;}
#pricingSelector button.peopleNumberSelected {background: var(--backAcik); opacity: 1;}
#pricingTable a.booknow {width: 100%; height: 100%; display: flex; align-items: center; 
  justify-content:center;padding: .5rem;}

#pricingTable {display: grid; grid-template-columns: auto auto; color: var(--logoYesil); 
  max-width: calc(100dvw - 4rem); background: var(--backAcik);padding:.5rem; border-radius: .5rem; margin-left: 1rem;}
#pricingTable > * {padding: .3rem .5rem;}
#pricingTable .header {color: var(--logoYesil); background: rgb(22, 37, 70);; display: flex; justify-content: center;
  align-items:center; text-align:center; margin-bottom: 3px;margin-top: 3px; font-weight: bold;}
#pricingTable .acik { background-color: var(--backKoyu); margin-bottom: 1px;}
#pricingTable .koyu { background-color: var(--darkblue); }
#pricingTable .hidden {opacity: 0;}
#hourlyHead {order:1; grid-column: 1/-1; grid-row: span 1;}
#hourly1 {order:2; }
#hourly2 {order:3; }
#hourlyBooknow {order:7; grid-column: 1/-1; grid-row: span 1;} 
#pricingTable #hourly3 {order:5; margin-bottom: 0;}
#pricingTable #hourly4 {order:6;  margin-bottom: 0;}

#bosluk1 {order: 59;}

#slotHead {order:61; grid-column: 1/-1; grid-row: span 1;}
#slot1 {order:62; }
#slotNonPrime {order:63; }
#slotBooknow {order:67; grid-column: 1/-1; grid-row: span 1;} 
#pricingTable #slot3 {order:65; margin-bottom: 0;}
#pricingTable #slotPrime {order:66; margin-bottom: 0;}

#bosluk2 {order: 19;}

#fullDayHead {order:21; grid-column: 1/-1; }
#pricingTable #fullDay1 {order:22;  margin-bottom: 0;}
#pricingTable #fullDay2 {order:23;  margin-bottom: 0;}
#fullDayBooknow {order:27; grid-column: 1/-1; } 

#bosluk3 {order: 29;}

#bundleHead {order:31; grid-column: 1/-1; grid-row: span 1;}
#bundle1 {order:32; }
#bundle10h {order:33; }
#bundleBooknow {order:38; grid-column: 1/-1; grid-row: span 1;} 
#bundle2 {order:34; }
#bundle15h {order:35; }
#pricingTable #bundle3 {order:36; margin-bottom: 0;}
#pricingTable #bundle20h {order:37; margin-bottom: 0;}

#bosluk4 {order: 39;}

#giftHead {order:41; grid-column: 1/-1; }
#pricingTable #gift1 {order:42;   margin-bottom: 0;}
#pricingTable #gift {order:43;   margin-bottom: 0;}
#giftBooknow {order:47; grid-column: 1/-1; } 


/* İletişim formu */
.formbox { width:100%; max-width:400px;
    height:auto; margin:0 auto; display:flex; justify-content:center; align-items:center;
    padding:20px; background:var(--backKoyu); box-shadow:0 4px 10px rgba(0, 0, 0, 0.1); border-radius:8px;
}
form { width:100%;}
form div { margin-bottom:15px; }
form input, form textarea { width:100%; padding:10px; font-size:.9rem; color:var(--logoSari); }
form input, form textarea {border-color:rgba(255,255,255,.3); border-style: solid; border-width: 0 0 1px 0; background: none;}
input:focus, textarea:focus { background:rgba(255,255,255,.1) ;   outline:none;}
button:focus {  outline:none;}

form button { background-color:#9DA3B2; color:white; border:none; cursor:pointer; 
    transition:background-color 0.3s;}
form button:hover { background-color:#858EA0;}
::placeholder { color:#999; font-style:italic; opacity:1; /* Firefox */
}

.submitButton, .cerceveliLink{ border:var(--logoYesil) 1px solid!important; background: none!important ; color:var(--logoYesil)!important; 
	opacity: .8;  border-radius:.2rem; padding: .5rem 1rem;}
.submitButton:hover , .cerceveliLink:hover {opacity: 1;  }
.submitButton:disabled {opacity: .3!important; cursor: not-allowed;}
.toggle { appearance:none; position:relative; display:inline-block; box-sizing:content-box; width:5em; height:2em; 
  padding:0.2em; border:none; cursor:pointer; border-radius:1.5em; overflow:hidden; background-color:#707070; 
  transition:background ease 0.3s; font-size: .6rem; outline: none; border-width:0!important;}  
.toggle:focus {  background-color:#707070; }
.toggle:before { content:"on off"; display:block; position:absolute; z-index:2; width:2em; height:2em; font-family:system-ui; 
  font-size:1em; line-height:2em; font-weight:500; text-transform:uppercase; text-indent:-2em; word-spacing:2.55em; 
  text-shadow:-1px -1px rgba(0,0,0,0.15); white-space:nowrap; background:var(--logoSari); color:var(--logoSari); border-radius:1.5em; 
  transition:transform cubic-bezier(0.3, 1.5, 0.7, 1) 0.3s; } 
.toggle:checked { background-color: #2ab742; }
.toggle:checked:before {  transform: translateX(3em);}

.sonucMesajiBox {max-height: 3px; overflow: hidden;}
.sonucMesajiBox.acik {max-height: 100px;}
.sonucMesaji {  padding: .5em; color: #fff;  font-style: italic; background-size: auto 80% ; 
	background-position: 0.3rem center;  background-repeat: no-repeat; text-align: center; border-radius: 2rem; 
	margin-top: .5rem; font-size: .9rem; background: rgba(100,100,100,.3); transition: background-color 500ms linear;}
.hataMesaji { background: #ee283b !important; background-image: url(/files/icons/error.svg);  }
.okMesaji {background: #1B7F39 !important; background-image: url(/files/icons/check.svg);  }

#mapLink {position:relative; display:block; width:100%; height:250px; background-image:url('/files/drop-map.jpg'); 
  background-size:cover; background-repeat:no-repeat; background-position:bottom center; border-left:2px solid var(--backKoyu);}
#mapLink:hover p{color:var(--logoSari)!important;}

/* x İletişim formu */

#sectionBoxFooter {background:rgb(16,24,40); height: auto;}


#footerBox {  display:grid; grid-template-columns:auto; gap:4rem; }
#footer * {color:var(--logoSari);}
.footerLink {display: flex; align-items: center; margin-bottom: .5rem; padding: .5rem 1rem ; border-radius: .5rem; 
  background: rgba(255,255,255,.1);   white-space: nowrap;}
.footerLink:hover { background: rgba(255,255,255,.1);}
.footerContent {text-align:left;}
#social a {display:inline-block; height:1.6rem; width:1.6rem;  
  margin-right:.5rem; background-size:auto 1.6rem; }
#facebook {background:no-repeat left center url('/files/icons/logo_facebook.svg'); width:1.6rem!important;}
#tiktok {background:no-repeat left center url('/files/icons/logo_tiktok.svg'); width:1.6rem!important;}
#instagram  { background:no-repeat left center url('/files/icons/logo_instagram.svg');}
#youtube  {background:no-repeat left center url('/files/icons/logo_youtube.svg'); width:2.2rem!important;}
#agentur { display:grid; grid-template-columns:1fr 1fr; align-content:center;}
#agenturLogo {width:7rem; justify-self:end; }
#agenturText {width:7rem; height:7rem; background:var(--logoSari);display:flex; 
  justify-content:flex-start; align-items:flex-end; color:#000; padding:.3rem; font-size:.8em; }

body.nonBooking #pricing, body.nonBooking #qaSection, body.nonBooking #header-booknow, body.nonBooking #menuLinkPricing , 
  body.nonBooking #menuLinkQA {display: none;}




@media (min-width: 600px) {
	.mobileOnly, .mobileOnlyInline{display:none;}

	.upTablet {display:block!important;}
	.upTabletInline {display:inline;}
	.upTabletGrid {display:grid;}
	.gridMob1tab2 {  grid-template-columns: auto auto; }
	.gridMob1tab2equal {  grid-template-columns: 1fr 1fr; }
	.gridMob2tab3 {  grid-template-columns: auto auto auto; }
	.gridMob2tab4 {  grid-template-columns: auto auto auto auto; }
	.gridMob3tab6 {  grid-template-columns: auto auto auto auto auto auto; }
	.paddMob1remTab2rem {padding:2rem; }
	.margMob1remTab2rem {margin:2rem; }

	#landingMenuOptions {display: grid; gap:2rem; justify-content: center; grid-template-columns: auto auto; }
	#landingMenu { height: 12rem;}
	#landingNew {margin-right: 2rem;}
	#landingMenuDrop { grid-template-columns: 1fr 1fr 1fr 1fr; width: auto;}
	#landingMenuBooking { grid-template-columns: 1fr 1fr 1fr; width: auto;}
	#menuBookingSolo { grid-template-columns: 4fr 1fr; }
	#menuBookingBands { grid-template-columns: 2fr 3fr;  }
	#menuBookingBooking { grid-template-columns: 4fr 1fr;  }

	#landingLogo {height: 6rem;}
	#landingMenuOptions button, .landingSubmenu button, .landingSubmenu a { padding:1rem; }
	.landingSubmenu a, .landingSubmenu button {grid-template-columns: auto 4rem ; justify-items:end;}
	.landingSubmenu img {display: inline-block;}
	.landingSubmenu .title { text-align: left;}
	#main-menu {width: 260px; transition:all .5s; }
	section {  padding: 2rem;}
	#motto { font-size:1.3rem; margin-bottom: 6rem; }

}

@media screen and (max-height: 590px) {
	#motto { font-size:1.1rem; margin-bottom: 2rem!important; }
	#landingLogo {height: 4rem!important;}
	#landingMenuOptions button, .landingSubmenu button, .landingSubmenu a { padding: .5rem; gap: .5rem;}
	#landingMenu { height: 8rem; padding-bottom: 1rem;}
	.specHide {display: none;}
}
@media (min-width: 769px) {
	html {font-size:17px;}
  #footerBox {display:grid; grid-template-columns:auto auto;}
  #govde img.floaty {width: 50%;}
  #govde img.floaty.left {float: left; margin: 0 1rem 1rem 3px;}
  #govde img.floaty.right {float: right; margin: 0.5rem 3px 1.5rem 1.5rem;}
  #landingLogo {height: 6rem;}

	.summaryBox { grid-template-columns: 1fr 1fr;}
	.summaryBox img { order:2; width: 100%;}
	.summaryBox .summary { order:1; }

	.techRiderContent {  grid-template-columns: auto auto;}

	#menuRigthbox .menuIconText {display: block;}
	#menuRigthbox > button, #menuRigthbox > a,#menuRigthbox > div {margin-left: 2rem;}

	#altsayfaBack.aboutDrop {background-image: url(/files/pics/still_images/024-m.webp);}
	#altsayfaBack.studios {background-image: url(/files/pics/still_images/028-m.webp);}
	#altsayfaBack.instruments {background-image: url(/files/pics/still_images/034-m.webp);}


  #pricingTable .header { margin-bottom:0;margin-top:0; margin-left:1px; border-radius: .5rem 0 0 .5rem;}
  #pricingSelector .title { padding:.3rem 2rem .3rem 1rem;}
  #pricingTable {grid-template-columns: auto auto auto 6rem; border-radius: 1rem; }
  #hourlyHead {order:1; grid-row:span 2; grid-column: span 1;}
  #hourly1 {order:2; }
  #hourly2 {order:3; }
  #hourlyBooknow {order:4; grid-row:span 2;  grid-column: span 1;}
  #hourly3 {order:5; }
  #hourly4 {order:6; }

  #slotHead {order:61; grid-row:span 2; grid-column: span 1;}
  #slot1 {order:62; }
  #slotNonPrime {order:63; }
  #slotBooknow {order:64; grid-row:span 2;  grid-column: span 1;}
  #slot3 {order:65; }
  #slotPrime {order:66; }

  #fullDayHead {order:21;  grid-column: span 1;}
  #fullDay1 {order:22; }
  #fullDay2 {order:23; }
  #fullDayBooknow {order:24;  grid-column: span 1;}

  #bundleHead {order:31; grid-row:span 3; grid-column: span 1;}
  #bundle1 {order:32; }
  #bundle10h {order:33; }
  #bundleBooknow {order:34; grid-row:span 3;  grid-column: span 1;}
  #bundle2 {order:35; }
  #bundle15h {order:36; }
  #bundle3 {order:37; }
  #bundle20h {order:38; }

  #giftHead {order:41;  grid-column: span 1;}
  #gift1 {order:42; }
  #gift {order:43; }
  #giftBooknow {order:44;  grid-column: span 1;}

}
@media (min-width: 1025px) {
}
@media (min-width: 1900px) {
	html {font-size:19px;}

	#altsayfaBack.aboutDrop {background-image: url(/files/pics/still_images/024-l.webp);}
	#altsayfaBack.studios {background-image: url(/files/pics/still_images/028-l.webp);}
	#altsayfaBack.instruments {background-image: url(/files/pics/still_images/034-l.webp);}
}