.noteLine{
    font-weight: 600;
    color: #fff;
    font-size: 16px;
}

@media only screen and (max-width: 1152px)  {
.calendar-inner {
  margin-left: 140px!important;
}
.calendar-sidebar {
  width: 170px!important;
}
.event-hide .calendar-inner {
    max-width: calc(100% - 130px)!important;
}

}





@media only screen and (device-width: 1366px) and (device-height: 768px) {
    .slick-dots li a {
        bottom: 10px;
    }
    .intro-sec p {
        font-size: 15px;
    }
    .slick-dots li a {
        font-size: 20px;
    }
    .va-div h3 {
        color: #c6c67f;
        font-size: 30px;
    }
    .va-div p {
        line-height: 20px;
    }
    .left-div {
        margin-top: 15%;
    }
    .relation-div .left-div {
        margin-top: 10%;
    }
    .noteLine {
        position: absolute;
    bottom: .5rem;
    left: 37%;
    }
}
@media only screen and (device-width: 1360px) and (device-height: 768px) {
    .calendar-title {
        padding: 7% 0 0 1%;
        margin-left: 1rem;
    }
    .comm-sec h3 {
        padding-bottom: 3% !important;
    }
    .noteLine {
    position: absolute;
    bottom: 0.5rem;
    left: 40%;
    }
}
@media only screen and (device-width: 1280px) and (device-height: 600px) {
    .calendar-title {
        padding: 2% 0 0 1%;
        margin-left: 3rem;
    }
    .clients img {
        padding-bottom: 10%;
        width: 60%;
        margin: 0 auto;
    }
    .client-title {
        padding-left: 7%;
    }
    .clients .slick-dots {
        bottom: 27% !important;
        left: 45% !important;
    }
     .noteLine {
        position: absolute;
        bottom: 0.5rem;
        left: 36%;
    }
}
@media only screen and (device-width: 1280px) and (device-height: 768px) {
    .calendar-title {
        padding: 8% 0 0 1%;
        margin-left: 3rem;
    }
    .comm-sec h3 {
        padding-bottom: 3% !important;
    }
    .slick-dots li a {
        font-size: 20px;
        bottom: 10px;
    }
    .noteLine {
        position: absolute;
        bottom: 0.5rem;
        left: 36%;
    }
}
@media only screen and (device-width: 1280px) and (device-height: 960px) {
    .calendar-title {
        padding: 15% 0 0 1%;
        margin-left: 3rem;
    }
    .comm-sec h3 {
        padding-top: 10%;
    }
    .noteLine {
    position: absolute;
        bottom: 12rem;
        left: 36%;
    }
}
@media only screen and (device-width: 1280px) and (device-height: 720px) {
     .noteLine {
        position: absolute;
    bottom: 1.5rem;
    left: 37%;
    }
    .intro-sec p {
        font-size: 14px;
    }
    .va-div p {
        font-size: 14px;
    }
    .ethos-div p {
        font-size: 13px;
        line-height: 19px;
    }
    .exp-team-img {
        height: 150px;
        margin: 0 auto;
    }
    .diff-div p {
        font-size: 14px;
    }
    .approch-div p {
        font-size: 14px;
    }
    .relation-div p {
        color: #fff;
        font-size: 14px;
    }
    .mainmenu a {
        font-size: 33px;
    }
    .va-div .inner {
        padding-bottom: 2%;
    }
    .client-title {
        font-size: 30px;
        padding-bottom: 2%;
    }
    .clients img {
        padding-bottom: 10%;
        width: 80%;
        margin: 0 auto;
    }
    .clients .slick-dots {
        bottom: 26%;
    }
    .slick-dots li a {
        font-size: 20px;
        bottom: 10px;
    }
    .comm-sec h3 {
        padding-bottom: 2%;
    }
    #calendar {
        max-width: 1000px;
        left: 12%;
    }
    .content-wrapper {
        margin-top: -51.9%;
    }
    .calendar-content {
        height: 66vh;
    }
    .calendar-title {
        padding: 7% 0 0 1%;
        margin-left: 3rem;
    }
}
@media only screen and (device-width: 1280px) and (device-height: 800px) {
    .noteLine{
        position: absolute;
        bottom: 0rem;
        left: 36%;
    }
    .exp-outer {
        padding-top: 15%;
    }
    .client-title {
        padding-bottom: 5%;
    }
    .comm-sec h3 {
        padding-top: 5%;
        padding-bottom: 3% !important;
    }
    .content-wrapper {
        margin-top: -46.7%;
    }
    .calendar-content {
        height: 52.4vh;
    }
    .sidebar-wrapper {
        height: 65vh;
    }
    .left-div {
        margin-top: 15%;
    }
    .ethos-div p {
        color: #fff;
        font-size: 15px;
        margin: 0;
        line-height: 22px;
        text-align: center;
        padding-bottom: 15px;
    }
    .relation-div .left-div {
        margin-top: 20%;
    }
    .calendar-title {
        padding: 7% 0 0 1%;
        margin-left: 3rem;
    }
    #calendar {
        max-width: 1000px;
        left: 12%;
    }
}
@media screen and (device-width: 1440px) and (device-height: 900px) {
    .noteLine {
    position: absolute;
    bottom: 2rem;
    left: 40%;
    }
    .slick-next {
        bottom: 40% !important;
    }
    .slick-prev {
        bottom: 40% !important;
    }
    .slick-list {
        padding-top: 0;
    }
    .slick-dots li a {
        font-size: 19px;
    }
    .clients .slick-dots {
        bottom: 35% !important;
    }
    .client-title {
        padding-bottom: 6%;
        padding-top: 10%;
    }
    .content-wrapper {
        margin-top: -52.7%;
    }
    .calendar-content {
        height: 54vh;
    }
    .sidebar-wrapper {
        height: 65vh;
    }
    .calendar-events {
        padding: 50px 20px 70px 60px !important;
    }
    .calendar-title {
        padding: 12% 0 0 1%;
        margin-left: -1rem;
    }
    .comm-sec h3 {
        padding-top: 5%;
        padding-bottom: 5% !important;
    }
    #calendar {
        max-width: 1000px;
        left: 16%;
    }
}
@media screen and (device-width: 1400px) and (device-height: 1050px) {
    .noteLine {
    position: absolute;
    bottom: 8rem;
    left: 40%;
    }
    .slick-next {
        bottom: 50% !important;
    }
    .slick-prev {
        bottom: 50% !important;
    }
    .exp-outer {
        padding-top: 20%;
    }
    .client-title {
        padding-bottom: 5%;
        padding-top: 15%;
    }
    .calendar-title {
        padding: 20% 0 0 1%;
        margin-left: -1rem;
    }
    .comm-sec h3 {
        padding-top: 5%;
        padding-bottom: 7% !important;
    }
    #calendar {
        max-width: 1000px;
        left: 15%;
    }
    .clients .slick-dots {
        bottom: 45% !important;
    }
}
@media only screen and (min-width: 1530px) and (device-height: 1540px) {
    .client-title {
        padding-bottom: 10%;
        padding-top: 20%;
    }
    .content-wrapper {
        margin-top: -52.7%;
    }
    .calendar-content {
        height: 54vh;
    }
    .sidebar-wrapper {
        height: 65vh;
    }
    .calendar-title {
        padding: 12% 0 3% 1%;
        margin-left: -4rem;
    }
    .calendar-events {
        width: 33%;
        padding: 50px 20px 70px 7% !important;
    }
    .comm-sec h3 {
        padding-top: 7%;
    }
}
@media only screen and (min-width: 1536px) and (device-height: 864px) {
    .client-title {
        padding-bottom: 4%;
        padding-top: 5%;
    }
}
@media only screen and (device-width: 1600px) and (device-height: 900px) {
    .noteLine {
    position: absolute;
    bottom: 0.5rem;
    left: 40%;
    }
    .clients .slick-dots {
        bottom: 35% !important;
    }
    .client-title {
        padding-bottom: 6%;
        padding-top: 13%;
    }
    #calendar {
        max-width: 1000px;
        left: 20%;
    }
    .calendar-title {
        padding: 13% 0 0 1%;
        margin-left: -5rem;
    }
    .calendar-events {
        padding: 50px 20px 70px 8% !important;
    }
    .comm-sec h3 {
        padding-top: 10%;
    }
}
@media only screen and (device-width: 1680px) and (device-height: 1050px) {
    .noteLine {
    position: absolute;
    bottom: 8rem;
    left: 40%;
    }
    .dsn-slider-content .slide-content .slide-content-inner p {
        max-width: 500px;
    }
    .slick-dots li a {
        font-size: 20px;
    }
    .intro .mt10 {
        margin-top: 15%;
    }
    .value-addition .mt10 {
        margin-top: 15%;
    }
    .ethos-div .container {
        padding-top: 15%;
    }
    .about-div p {
        color: #fff;
        margin-bottom: 50px !important;
    }
    .differentiators .mt10 {
        margin-top: 15%;
    }
    .approach .mt10 {
        margin-top: 15%;
    }
    .relationships .mt10 {
        margin-top: 15%;
    }
    .calendar-title {
        padding: 10% 0 0 1% !important;
    }
    .eventpage-title {
        padding-top: 15%;
    }
    .client-title {
        padding-bottom: 5%;
        padding-top: 13%;
    }
    .calendar-events {
        padding: 50px 20px 70px 10% !important;
    }
    .calendar-title {
        padding: 13% 0 0 1%;
        margin-left: -8rem;
    }
    .comm-sec h3 {
        padding-top: 10%;
    }
    #calendar {
        max-width: 1000px;
        left: 20% !important;
        top: 15% !important;
    }
    .slick-list {
        padding-top: 0;
    }
    .clients .slick-next {
        bottom: 45% !important;
    }
    .clients .slick-prev {
        bottom: 45% !important;
    }
    .slick-next {
        bottom: 30% !important;
    }
    .slick-prev {
        bottom: 30% !important;
    }
}
@media only screen and (device-width: 1600px) and (device-height: 900px) {
    .slick-list {
        padding-top: 0;
    }
    .slick-dots li a {
        font-size: 20px;
    }
}
@media only screen and (device-width: 1685px) and (device-height: 948px) {
    .slick-dots li a {
        font-size: 20px;
    }
    .slick-list {
        padding-top: 10%;
    }
}
@media only screen and (device-width: 1920px) and (device-height: 1080px) {
    .noteLine {
    position: absolute;
    bottom: 10rem;
    left: 40%;
    }
    .dsn-slider-content .slide-content .slide-content-inner p {
        max-width: 590px;
        font-size: 16px;
    }
    .tagline h4 {
        font-size: 36px;
    }
    .tagline2 h4 {
        font-size: 36px;
    }
    .tagline3 h4 {
        font-size: 36px;
    }
    .tagline4 h4 {
        font-size: 36px;
    }
    .tagline5 h4 {
        font-size: 36px;
    }
    .tagline6 h4 {
        font-size: 36px;
    }
    .tagline7 h4 {
        font-size: 36px;
    }
    .tagline8 h4 {
        font-size: 36px;
    }
    .main-logo .light-logo {
        width: 90%;
    }
    .intro .mt10 {
        margin-top: 0;
    }
    .value-addition .mt10 {
        margin-top: 0;
    }
    .ethos-div .container {
        padding-top: 0;
    }
    .exp-outer {
        padding-top: 0;
        padding-left: 0;
    }
    .exp-outer h4 {
        font-size: 19px;
    }
    .about-div p {
        font-size: 16px;
        margin-bottom: 50px !important;
    }
    .differentiators .mt10 {
        margin-top: 0;
    }
    .diff-div p {
        font-size: 16px;
    }
    .approach .mt10 {
        margin-top: 0;
    }
    .approch-div p {
        color: #fff;
        font-size: 16px;
    }
    .relationships .mt10 {
        margin-top: 0;
    }
    .relation-div p {
        color: #fff;
        font-size: 16px;
    }
    .navigation {
        width: 100%;
        padding-left: 6%;
        padding-top: 12%;
    }
    .event_list_div {
        width: 80% !important;
    }
    section .section-content {
        position: relative;
        margin-bottom: 50px;
        margin-left: 8% !important;
    }
    .box-info-contact p {
        font-size: 16px;
    }
    .box-info-contact ul li span {
        font-size: 16px;
    }
    .intro-sec p {
        font-size: 16px;
    }
    .va-div p {
        font-size: 16px;
    }
    .va-div h5 {
        font-size: 17px;
    }
    .clients .slick-next {
        bottom: 47% !important;
    }
    .clients .slick-prev {
        bottom: 47% !important;
    }
    .slick-next {
        bottom: 35% !important;
    }
    .slick-prev {
        bottom: 35% !important;
    }
    .slick-dots li a {
        font-size: 20px;
    }
    .slick-dots {
        left: 10px;
    }
    .blog-title {
        padding: 15% 0 5% 0 !important;
    }
    .client-title {
        padding-bottom: 5%;
        padding-top: 15%;
    }
    .calendar-title {
        padding: 15% 0 5% 0 !important;
        color: #f3f3a5;
        font-size: 40px;
        font-weight: 700;
        text-align: left;
        margin-bottom: -3%;
        margin-left: -14rem;
    }
    .calendar-events {
        padding: 50px 20px 70px 13% !important;
    }
    .comm-sec h3 {
        padding-top: 5%;
    }
    .career-para {
        padding: 2% 0 5% 0 !important;
        font-size: 16px;
    }
    .services {
        padding-top: 1%;
    }
    .event-albums {
        padding-top: 1%;
    }
    .eventpage-title {
        padding-top: 5%;
        padding-bottom: 3%;
    }
    .event-video-sec .mt10 {
        margin-top: 15%;
    }
    .event-video-sec h5 {
        margin-bottom: 10%;
    }
    .outer-div {
        top: 70% !important;
    }
}
@media only screen and (device-width: 1024px) and (device-height: 768px) {
     .noteLine {
        position: absolute;
        bottom: 1rem;
        left: 36%;
    }
    .dsn-slider-content .slide-content .slide-content-inner p {
        max-width: 330px;
        font-weight: 400;
        letter-spacing: 1px;
        font-size: 13px;
    }
    .dsn-slider-content .slide-content .slide-content-inner .title-text-header .title-text-header-inner {
        font-size: 35px;
    }
    .tagline h4 {
        font-size: 23px !important;
    }
    .tagline2 h4 {
        font-size: 23px !important;
    }
    .tagline3 h4 {
        font-size: 23px !important;
    }
    .tagline4 h4 {
        font-size: 23px !important;
    }
    .tagline5 h4 {
        font-size: 23px !important;
    }
    .tagline6 h4 {
        font-size: 23px !important;
    }
    .tagline7 h4 {
        font-size: 23px !important;
    }
    .tagline8 h4 {
        font-size: 23px !important;
    }
}
@media only screen and (max-width: 768px) {
    .noteLine {
        text-align: center;
    padding-bottom: 2rem;
    }
    .calendar-sidebar > .month-list > .calendar-months > li {
        padding: 6px 10px !important;
    }
    .calendar-sidebar > .month-list {
        top: 140px !important;
        height: 10vh !important;
        position: absolute !important;
        z-index: 111 !important;
    }
    .event-indicator {
        top: 70% !important;
    }
    .eventpage-title {
        font-size: 35px;
        padding-top: 24%;
    }
    .mobv-services h3 {
        font-size: 20px;
        padding-top: 10px;
    }
    .mobv-services p {
        text-align: justify;
        color: #fff;
    }
    .event_list_div {
        width: 100% !important;
        margin-left: 0 !important;
        padding: 20px !important;
        height: auto !important;
        background: #f1f1f1 !important;
        margin-top: 20px;
    }
    .event-title {
        padding: 0 !important;
    }
    .calendar-inner .calendar-table {
        margin-top: 10% !important;
        margin: 90px auto 30px auto !important;
    }
    .calendar-inner {
        padding: 80px 0 0 0 !important;
    }
    .event-hide .calendar-events {
        height: auto !important;
        overflow-y: scroll !important;
        width: 100% !important;
    }
    .calendar-design .console-log {
        position: relative !important;
        width: 100% !important;
        margin: -8% 0 !important;
        padding: 0 !important;
    }
    .calendar-title {
        padding: 20% 0 0 1% !important;
        margin-left: -1rem !important;
        font-size: 25px !important;
    }
    body.dsn-mobile {
        overflow-y: auto !important;
    }
    .calendar-events > .event-list {
        margin-top: 0 !important;
    }
    .event-hide .calendar-inner {
        height: 400px;
    }
    .box-info-contact p {
        margin-top: -8px;
    }
    .box-info-contact li a {
        margin-top: -8px;
    }
    .box-info-contact .sc a {
        margin-top: -10px;
    }
    .tagline {
        bottom: 10%;
        width: 100%;
    }
    .tagline2 {
        bottom: 18%;
        width: 100%;
    }
    .tagline3 {
        bottom: 10%;
        width: 100%;
    }
    .tagline4 {
        bottom: 10%;
        width: 100%;
    }
    .tagline5 {
        bottom: 3%;
        width: 100%;
    }
    .root-contact {
        margin-top: 20% !important;
    }
    .comm-sec h3 {
        font-size: 25px !important;
    }
    .career-para {
        font-size: 14px !important;
        padding: 1% 0 5% 0 !important;
    }
    .box-info-contact {
        padding: 0;
        margin-bottom: 0;
    }
    .form-box {
        padding: 10px;
    }
    .mob-p0 {
        padding: 0;
    }
    .client-title {
        color: #f3f3a5;
        font-size: 30px;
        font-weight: 700;
        padding-bottom: 7%;
        padding-top: 20%;
        padding-left: 25px;
    }
    .post-info {
        padding-top: 23%;
    }
    .inner-box h3 {
        font-size: 25px !important;
        text-align: left;
    }
    .blogs-div p {
        padding-bottom: 25px;
    }
    .va-img {
        margin-top: 10%;
    }
    .va-mob {
        padding: 15px;
    }
    #sidebar {
        max-width: 100%;
        width: 100%;
    }
    .sidebar_toggler {
        top: 3%;
    }
    .main-logo .light-logo {
        display: block;
        width: 50%;
        float: right;
        margin-right: 5%;
    }
    .main-logo {
        position: absolute;
        right: 0 !important;
        top: 0 !important;
    }
    .mobv-about {
        overflow-x: hidden;
        margin-bottom: 10%;
    }
    .mobv-about .intro p {
        padding-top: 15px;
        text-align: justify;
        color: #fff;
    }
    .mobv-about .intro h4 {
        color: #c6c67f;
        font-size: 25px;
        padding: 5% 0;
        font-weight: 700;
    }
    .mobv-about .aboutus h4 {
        color: #c6c67f;
        font-size: 25px;
        padding: 5% 0;
        font-weight: 700;
    }
    .mobv-about .aboutus .outer h5 {
        padding-bottom: 10px;
        color: #000;
        font-size: 18px;
    }
    .mobv-about img {
        width: 25%;
    }
    .mobv-about .aboutus p {
        color: #000;
    }
    .mobv-about .aboutus h3 {
        font-family: "Lora", serif;
        color: #fff;
        font-size: 18px;
        font-weight: 300;
        margin: 0;
        text-align: center;
        line-height: 25px;
        margin-top: 0;
        padding: 10% 0 0;
    }
    .mobv-about .aboutus .outer {
        background: linear-gradient(0, rgb(222 222 222 / 90%), rgb(222 222 222 / 90%)), url(../img/img2.jpg);
        background-size: cover;
        padding: 10% 5%;
        text-align: center;
        border-radius: 4px;
        margin: 5% 0 0 0;
        min-height: auto;
    }
    .va-mob img {
        width: 25%;
        margin-top: 10%;
    }
    .ethos {
        margin-top: 10%;
    }
    .ethos img {
        width: 25%;
        margin-top: 10%;
    }
    .ethos h5 {
        color: #fff;
        padding-top: 20px;
        font-size: 17px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: justify;
    }
    .ethos .col-md-3 {
        padding: 0;
    }
    .ethos p {
        color: #fff;
        font-size: 15px;
        text-align: justify;
    }
    .ethos h4 {
        color: #c6c67f;
        font-size: 25px;
        padding: 1% 0;
        font-weight: 700;
    }
    .expertise-mob h3 {
        color: #c6c67f;
        font-size: 25px;
        padding: 5% 0 1%;
        font-weight: 700;
    }
    .expertise-mob h4 {
        color: #c6c67f;
        font-size: 25px;
        padding: 5% 0;
        font-weight: 700;
    }
    .expertise-mob h5 {
        font-size: 17px;
        margin-bottom: 7%;
    }
    .expertise-mob p {
        color: #fff;
        text-align: justify;
    }
    .mobv-about .expertise-mob img {
        width: 100%;
    }
    .differentiators h4 {
        color: #c6c67f;
        font-size: 25px;
        padding: 5% 0;
        font-weight: 700;
    }
    .differentiators img {
        margin-bottom: 10%;
        width: 25%;
    }
    .differentiators p {
        color: #fff;
        text-align: justify;
    }
    .approch h4 {
        color: #c6c67f;
        font-size: 25px;
        padding: 5% 0;
        font-weight: 700;
    }
    .approch img {
        margin-bottom: 10%;
        width: 25%;
    }
    .approch p {
        color: #fff;
        text-align: justify;
    }
    .p0-mob {
        padding: 0;
    }
    .va-mob h4 {
        color: #c6c67f;
        font-size: 25px;
        padding: 0;
        font-weight: 700;
    }
    .owl-nav {
        display: none;
    }
    .va-mob h3 {
        color: #c6c67f;
        font-weight: 600;
        margin: 0;
    }
    .va-mob h5 {
        padding: 10px 0;
        margin: 0;
    }
    .va-mob p {
        padding-bottom: 10px;
        text-align: justify;
        color: #fff;
    }
    .relationships h4 {
        color: #c6c67f;
        font-size: 25px;
        padding: 5% 0;
        font-weight: 700;
    }
    .relationships img {
        margin-bottom: 10%;
        width: 25%;
    }
    .relationships p {
        color: #fff;
        text-align: justify;
    }
    .relationships h3 {
        font-size: 20px;
        font-weight: 700;
    }
    .company-page .company-logo {
        width: 50%;
        margin-top: 20%;
    }
    .company-page {
        overflow-y: auto;
    }
    .company-page h3 {
        font-size: 25px;
        padding-top: 10%;
        font-weight: 700;
        color: #fff;
        text-align: center;
    }
    .company-page .intro-sec h4 {
        font-size: 18px;
        padding-top: 10%;
        padding-bottom: 10%;
        font-weight: 600;
        color: #fff;
        text-align: center;
    }
    .company-page .icons img {
        margin: 0 auto;
        display: block;
        width: 40%;
    }
    .slide-item h4 {
        width: 90%;
        font-size: 20px;
        left: 5%;
    }
    [data-overlay="3"]:before {
        opacity: 0.8;
    }
    .dsn-slider .dsn-slider-content .slide-content .slide-content-inner .title-text-header .title-text-header-inner {
        font-size: 35px;
    }
}
@media only screen and (device-width: 375px) and (device-height: 667px) {
      .noteLine {
        text-align: center;
    padding-bottom: 2rem;
    }
    .mainmenu a {
        font-size: 30px;
    }
    .navigation {
        padding-top: 0;
    }
}
@media all and (device-width: 820px) and (device-height: 1180px) and (orientation: portrait) {
.sub-btn {
    margin-left: -20%!important;
    width: 90%!important;
}
    .calendar-title {
        padding: 20% 0 0 1% !important;
    }
    .main-logo {
        margin-top: 3%;
    }
    .calendar-design .console-log {
        width: 100% !important;
    }
    .event_list_div {
        margin-left: -20% !important;
        width: auto !important;
    }
    .client-title {
        color: #f3f3a5;
        font-size: 40px;
        font-weight: 700;
        padding-bottom: 8% !important;
        padding-top: 25% !important;
        padding-left: 25px !important;
        text-align: center;
    }
    .dsn-slider-content .slide-content .slide-content-inner p {
        max-width: 260px;
    }
    .dsn-slider-content .slide-content .slide-content-inner .title-text-header .title-text-header-inner {
        font-size: 30px;
    }
    .mt10 {
        margin-top: 25%;
    }
    .ethos-div .container {
        padding-top: 23%;
    }
    .exp-outer {
        padding-top: 23%;
    }
    .eventpage-title {
        padding-top: 23%;
    }
    .report-page .pdf-img {
        height: 115px !important;
        object-fit: cover;
    }
    .blog-title {
        padding: 23% 0 3% 1% !important;
    }
    .mt7 {
        margin-top: 23%;
    }
}
@media all and (device-width: 810px) and (device-height: 1080px) and (orientation: portrait) {
.sub-btn {
   margin-left: -20%!important;
    width: 85%!important;
}


}
@media all and (device-width: 1080px) and (device-height: 810px) and (orientation: landscape) {
.sub-btn {
    margin-left: -35%!important;
    width: 60%!important;
}


}
@media all and (device-width: 1180px) and (device-height: 820px) and (orientation: landscape) {
    .calendar-design .console-log {
        width: 90% !important;
    }
    .event_list_div {
        width: 100%;
        margin-left: -20% !important;
    }
    .client-title {
        padding-bottom: 5% !important;
        padding-top: 15% !important;
    }
.sub-btn {
    margin-left: -35%!important;
    width: 60%!important;
}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
    .calendar-inner .calendar-table {
        margin: 0 !important;
    }
    .calendar-sidebar {
        margin-left: 22% !important;
        width: 100px !important;
    }
    .calendar-sidebar > .calendar-year {
        padding: 10px 5px !important;
    }
    .calendar-title {
        padding: 20% 0 10% 1% !important;
    }
    .sidebar-hide .calendar-inner {
        margin-left: 21% !important;
        padding-top: 10% !important;
    }
    .calendar-inner .calendar-table {
        width: 78% !important;
        padding: 10% 5% !important;
    }
    .calendar-sidebar > .month-list {
        top: 100px !important;
    }
    .event-indicator {
        top: 105% !important;
    }
    .event_list_div {
        margin-left: -15% !important;
        padding: 10px 10px 0 5px !important;
        height: 500px !important;
        margin-top: -35px !important;
    }
}


@media screen and (min-width: 2560px) and (min-height: 1440px) {
  .noteLine{
      position: absolute;
    bottom: 50rem;
    left: 72rem;
  }
}