/*  Extra Large devices (desktops, less than 2100px)*/
@media (min-width: 1920px) {}

/* Large devices (desktops, less than 1400px)*/
@media only screen and (max-width: 1399.98px) {}

/*--Medium devices (tablets, less than 1199px)-----*/
@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 1040px) {}

/* iPad Pro Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {}

/* iPad Pro Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {}

/*Ipad landscape*/
@media only screen and (min-device-width: 568px) and (max-device-width: 1200px) and (orientation: landscape) {}

/* for iPad portrait devices*/
@media only screen and (max-width: 991.98px) {

  /* login screen */

  .login-content {
    position: absolute;
    top: 49%;
    left: 51%;
  }
  
  .carousel-img {
    width: fit-content;
    height: 100vh;
  }

  .layers.flex-coloumn {
    margin-top: 20px;
  }

  .back-layer {
    margin: 0 0 20px 10px;
    height: auto;
  }

  .main {
    position: absolute;
    width: calc(100% - 0px);
    left: 0;
    min-height: 100vh;
  }

  .navigation {
    position: fixed;
    /* width: 340px; */
    width: 320px;
    height: 100%;
  }

  .main.active {
    width: 100%;
    left: 340px;
  }
  /* dashbaord */
  .fc-toolbar-title {
    font-size: 15px !important; 
  }
}


/*for iPhone X device landscape*/
@media only screen and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {}

/*Small devices (landscape phones, less than 768px)*/
@media only screen and (max-width: 767.98px) and (orientation: landscape) {}



/* Extra small devices (portrait phones, less than 576px)*/

@media only screen and (max-width: 575.98px) {
  .logo img {
    width: 76px;
  }

  .sign-text {
    font-size: 26px;
  }

  .signin-text {
    margin-top: 10px;
    font-size: 18px;
  }

  label.form-label {
    font-size: 18px;
  }

  /* .form-control {
    height: 38px;
  } */

  label.form-check-label.check {
    font-size: 14px;
  }

  .password-link {
    font-size: 14px;
  }

  button.btn.btn-sign {
    margin-bottom: 100px;
    font-size: 14px;
    height: 38px;
  }
  .login-content {
    position: absolute;
    top: 49%;
    left: 53%;
}
.right-section {
  height: 90vh;
}
li.breadcrumb-item.active {
  font-size: 14px;
}
.heading {
  font-size: 18px;
}
.event-head {
  font-size: 14px;
}
.event-field {
  font-size: 14px;
}
.event-description {
  font-size: 14px;
}
.headings {
  font-size: 16px;
}
.roadmap-para {
  font-size: 14px;
}
/* social anthology calendar */
#main-calendar {
  height: 80vh;
  margin: 10px;
}
.fc {
  font-size: 12px !important;
}
.main-calendar {
  margin: 0;
  padding: 0;
}
.fc-toolbar-title {
  font-size: 12px !important; 
  margin: 10px 0 10px 0 !important;
}
.fc .fc-toolbar {
  display: block !important;
}
.layer-heading {
  font-size: 14px;
}
.layers.flex-coloumn {
  margin-top: 0px;
}
label.form-check-label {
  font-size: 12px;
}
.back-layer {
  margin: 0 0 10px;
  height: auto;
}

.fc .fc-toolbar {
  display: block;
}
  @media only screen and (max-width: 374.95px) {}

}