@media screen and (max-width: 768px) {
  .main-container {
    display: none !important;
  }
}

@media screen and (min-width: 769px) {
  .main-container-mobile {
    display: none !important;
  }
}

li {
  list-style-type: none;
}

.mainMenuUl {
  display: flex;
  align-items: center;
}

.main-container {
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  background-color: #f2f2f2;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
}

.logoList {
  margin-right: 33%;
}

.menuItemsList {
  margin-right: 1%;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1.4px;
  color: #222424;
  margin-right: 20px;
}
.ikonica-korpa a img{
  width:1.5rem;
}
.socialIkonica {
  transition: transform 0.3s ease;
}

.socialIkonica:hover {
  transform: scale(1.1);
  cursor: pointer;
}

#glavnaLista {
  background-color: #f7f7f7;
  background-image: url("https://timelessclon.comit.rs/wp-content/uploads/2023/09/megamenubackg.png");
  background-repeat: no-repeat;
  background-position: right center;
  padding-top: 20px;
  width: 100%;
  padding: 20px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  top: 96px;
  display: none;
}

@media screen and (max-width: 1600px) {
  #glavnaLista {
    background-color: #f7f7f7;
    background-image: url("https://timelessclon.comit.rs/wp-content/uploads/2023/09/megamenubackg.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding-top: 20px;
    width: 100%;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    top: 80px;
    display: none;
  }

  .infini {
    padding-bottom: 25px;
  }
.listItemMobileHiperhidroza{
  margin-top: 10px;
}
  .hiperhidro {
    padding-bottom: 178px !important;
  }

  .laserZatezanje {
    padding-bottom: 153px !important;
  }

  .laserTopljenje {
    padding-bottom: 133px;
  }

  .laserTehnologije {
    padding-bottom: 173px;
  }
	.podPodmeniOblikovanjeTela.sivaPozadina  {
    padding-bottom:173px;}

  .clearPigment {
    padding-bottom: 0px;
  }
}

.mainNav {
  width: 950px;
}

.nav {
  align-items: center;
}

#glavnaLista a {
  font-size: 14px;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  letter-spacing: 1.4px;
}

@media screen and (max-width: 1600px) {
  #glavnaLista a {
    font-size: 12px;
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    letter-spacing: 1.4px;
  }
}

.zakaziPregledBtn {
  background-color: #ad895a;
  color: white;
  border: 0px;
  padding: 17px 25px;
  border-radius: 8px 0px;
  font-family: "Raleway", sans-serif;
}

.zakaziPregledBtn:hover {
  background-color: #a76f26;
  color: #ad895a;
}

.procedureLista {
  padding-top: 20px;
  padding-bottom: 20px;
}

.naslovMegaMeni {
  color: #222424;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 2px;
  padding-top: 20px;
}

@media screen and (max-width: 1600px) {
  .naslovMegaMeni {
    color: #222424;
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
    padding-top: 20px;
  }
}

.ostaliMeni:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  color: #ad895a;
  cursor: pointer;
}

.timLogo {
  width: 22%;
}

.brTel {
  font-size: 14px !important;
  text-decoration: none !important;
}

.linkHover:hover {
  color: #ad895a;
}

.podmeniLiceNone {
  display: none;
}
.podmeniKosaNone {
  display: none;
}
.podmeniTeloNone {
  display: none;
}
.podPodmeniLecenjeOziljakaNone{
    display: none;

}
.podmeniLaserNone {
  display: none;
}
.podmeniKozmetickiTretmaniNone {
  display: none;
}

#podmeniKozmetickiTretmani,
#podmeniDermatologija,
#podPodmeniAccentPrime,
#podPodmeniLecenjeKoznihOboljenja,
#podPodmeniBiovertilizacija 
#podPodmeniOblikovanjeTela
#podPodmeniInbida
#hiperbaricneHover
#podPodmeniInfizja
#podPodmeniAlmaSoprano
#podPodmeniLift

{
  padding-bottom: 20px;
}

.podPodmeniInfuzija{
display:none;

}
.podPodmeniLift{
display:none;
}
.podPodmeniInbidaNone{
display:none;}
.podPodmeniFilerieNone {
  display: none;
}

.podmeniInfuzijaNone{
  display: none;
}
#podmeniInfuzija{
  padding-bottom: 195px;
}
.podPodmeniMezoterapija1None {
  display: none;
}
.podPodmeniOblikovanjeTelaNone{
display:none;
}
.podPodmeniBotokseNone {
  display: none;
}

.podPodmeniBiovertilizacijaNone {
  display: none;
}

.podPodmeniLecenjeKoznihOboljenjaNone {
  display: none;
}

.podmeniTeloNone {
  display: none;
}

.podPodmeniLipolizaTelaNone {
  display: none;
}

.podPodmeniZatezanjeKozeNone {
  display: none;
}

.podPodmeniUklanjanjeCelulitaNone {
  display: none;
}

.podPodmeniBalancerProNone {
  display: none;
}

.podPodmeniAccentPrimeNone {
  display: none;
}

.podPodmeniHarmonyProNone {
  display: none;
}
.podmeniDermatologijaNone {
  display: none;
}
.podPodmeniAlmaSopranoNone{
display:none;
}
.podmeniOsnovneProcedureNone {
  display: none;
}
.almaHybrid{
	padding-bottom:7px;
}

.koloneMeni {
  padding: 0px;
}

.sivaPozadina {
  background-color: #e9e9e9;
  padding-left: 15px;
}

#liceHover,
#kosaHover,
#teloHover,
#laseriHover,
#kozmetickiTretmaniHover,
#dermatologijaHover,
#osnovneProcedureHover,
#fizikalnaTerapijaHover,
#hiperbaricneHover,
#infuzijaHover,
#listItemBotoks,
#podPodmeniBotoks
 {
  border-radius: 5px 0px 0px 5px !important;
  padding-left: 5px;
}

#epilacijaHover,
#kozmetickiTretmaniHover,
#listItemFizikalnaTerapija,
#listItemHiperbaricneKomore,
#infuzijaHover,
#akupunkturaHover,
#nutriHover,
#ublazavanjeHover,
#lecenjeHover,
#in
 {
  border-radius: 5px;
  padding-left: 5px;
}

.ostaleProcedureZakazivanje {
  padding-left: 40px;
}

.sivaKolonaMeni {
  background-color: #e9e9e9;
}

.infini {
  padding-bottom: 25px;
}

.hiperhidro {
  padding-bottom: 175px;
}

.laserZatezanje {
  padding-bottom: 150px;
}

.cellboo {
  padding-bottom: 130px;
}
.epilacija {
  padding-bottom: 75px;
}

.elektrostimulacijamisica{
padding-bottom: 195px;
}{
padding-bottom: 195px;
}
.inbi{
padding-bottom: 195px;
}
@media screen and (max-width: 1680px) {
  .epilacija {
    padding-bottom: 51px;
  }
}
@media screen and (max-width: 1600px) {
  .epilacija {
    padding-bottom: 78px;
  }
}
@media screen and (max-width: 1113px) {
  .epilacija {
    padding-bottom: 105px;
  }
}

/*.laserTehnologije{
padding-bottom:170px;
}*/
.listItemGljivice{
  padding-bottom: 175px !important;
}

/*===============CSS ZA MALE EKRANE===============*/

.preMenuMobile1 {
  display: flex;
  text-align: center;
  justify-content: flex-end;
  align-items: center;
}

.preMenuMobile1 a {
  font-size: 14px !important;
}

.preMenuMobile2 {
  display: flex;
  text-align: center;
  justify-content: flex-start;
  align-items: center;
}

.preMenuMobile2 a {
  font-size: 14px !important;
}

.mobileIcon {
  margin-right: 10px;
}

.preMenuDiv {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
}


.preMenuDiv a {
  font-size: 16px;
}

.preMenuMobile1 p {
  margin-block-end: 0rem;
}

.preMenuMobile2 p {
  margin-block-end: 0rem;
}
.korpaIcon{
  width: 1.5rem;
}

.animated-icon1,
.animated-icon2,
.animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.animated-icon1 span {
  background: #2d7ef7;
}

.animated-icon2 span {
  background: #e3f2fd;
}

.animated-icon3 span {
  background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
  top: 0px;
}

.animated-icon1 span:nth-child(2) {
  top: 10px;
}

.animated-icon1 span:nth-child(3) {
  top: 20px;
}

.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

button:focus,
button:hover {
  background-color: #e6e6e6 !important;
  border: 0px !important;
  outline: 0px !important;
}

.navbar-toggler {
  border: 0px !important;
  background-color: #e6e6e6;
  padding: 10px !important;
}

.animated-icon1 span {
  background-color: #000;
}

.logoMobile {
  width: 70%;
}

.mojRed {
  display: flex;
  justify-content: center;
    gap: 20px;
}

.mojnavbar {
  padding-top: 10px !important;
  padding-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  background-color: #f2f2f2;
}

.mainMobilList {
  padding: 0px;
}

.mainMobilList li a {
  font-size: 16px;
}

.dropdown-menu.show {
  display: contents !important;
}

.firstItem {
  margin-top: 20px;
  margin-bottom: 0px;
}

.firstItem:focus {
  color: red;
}

.lastItem {
  margin-bottom: 40px;
  
}

.dropdown-toggle:focus {
  color: #ad895a;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.dropdown-toggle {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #222424;
}

.noneUL {
  display: none;
}

.dugmeDropdown {
  border: 0px;
  padding-left: 0px;
  padding-right: 0px;
  color: #222424;
}

.dugmeDropdown:focus {
  color: #ad895a;
  background-color: rgba(0, 0, 0, 0) !important;
}

#procedureMeni {
  padding: 0px;
}

.podmeni {
  padding: 0px;
}

.fa-solid .fa-plus {
  margin-left: 5px;
}

#licePodmeni {
  margin-bottom: 40px;
}
#licePodmeni > li:nth-last-child(-n+4) {
  padding-top: 8px;
  padding-bottom: 8px;
}
#fizikalnaPodmeni li{
  padding-top: 8px;
  padding-bottom: 8px;
}
#infuzijaPodmeni li{
  padding-top: 8px;
  padding-bottom: 8px;
}
#botoksPodmeni li{
  padding-top: 8px;
  padding-bottom: 8px;
}
#biovertilizacijaPodmeni li{
  padding-top: 8px;
  padding-bottom: 8px;
}
#lecenjekoznihoboljenjaPodmeni li{
  padding-top: 8px;
  padding-bottom: 8px;
}
#mezoterapijaPodmeni li{
  padding-top: 8px;
  padding-bottom: 8px;
}
#lipolizaTelaPodmeni li{
  padding-top: 8px;
  padding-bottom: 8px;
}
#accentPrimePodmeni li{
  padding-top: 8px;
  padding-bottom: 8px;
}
#harmonyPodmeni li{
  padding-top: 8px;
  padding-bottom: 8px;
}
#fileriPodmeni li{
  padding-top: 8px;
  padding-bottom: 8px;
}
 #teloPodmeni {
  margin-bottom: 40px;
}

 #laseriPodmeni {
  margin-bottom: 40px;
}
#oblikovanjeTelaPodmeni{
  margin-bottom: 10px;
}

.listaGlavnogMenija {
  margin-bottom: 20px;
}

.listaGlavnogMenija1 {
  margin-bottom: 10px;
}

.listaMobilniPodmeni {
  margin-bottom: 10px;
}

.listaMobilniPodmeni1,
.listaMobilniPodmeni0 {
  margin-bottom: 0px;
}
.listaMobilniPodmeni6{
  padding-bottom: 6px;
}
.listaMobilniPodmeni7{
  padding-bottom: 6px;
}
.listaMobilniPodmeni8{
  padding-bottom: 6px;
}
.listaMobilniPodmeni9{
  padding-bottom: 6px;
}
#infuzijaPodmeni{
  margin-bottom: 40px;
}
#fizikalnaPodmeni{
  margin-bottom: 40px;
}
.lastItem {
  margin-bottom: 40px;
}

.logoIcon {
  display: flex;
}

.laseriPodmeniRazmak {
  margin-bottom: 0px !important;
}

#harmonyPodmeni {
  margin-bottom: 10px;
}

.mobileLogoLink {
  width: 84%;
}

.mobileBackgroundImage {
  background-image: url("https://timelessclon.comit.rs/wp-content/uploads/2023/09/megamenubackg.png");
  background-position: 50% 30%;
}

.mobileZakazivanje {
  display: flex;
  justify-content: center;
  color: #222424;
  font-family: "Raleway";
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 2px;
}

.mobileZakazivanjeTekst {
  color: #5e5e5e;
  text-align: center;
  font-family: "Libre Baskerville";
  font-size: 14px;
  font-weight: 400;
  padding-left: 20px;
  padding-right: 20px;
}

.mobileDonjaStranaFutera {
  display: block;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.mobileHederButton {
  background-color: #ad895a;
  color: white;
  border: 0px;
  padding: 17px 25px;
  border-radius: 8px 0px;
  font-family: "Raleway" sans-serif;
  width: 270px;
}

.meniMobilDiv {
  background-color: #f2f2f2;
}
.listaMobilniPodmeni3,
.listaMobilniPodmeni4,
.listaMobilniPodmeni5 {
  margin-bottom: 0px;
}
.listaMobilniPodmeni5 {
  padding-top: 7px;
  padding-bottom: 7px;
}
.listaMobilniPodmeni2 {
  padding-top: 7px;
  padding-bottom: 7px;
}
#KozmetickiPodmeni,
#dermatologijaPodmeni {
  margin-bottom: 40px;
}
.dermatologijaUL,
.kozmetickiTretmanUL {
  padding-top: 8px;
  padding-bottom: 8px;
}