@media screen and (max-width:502px) {
    .inside-blocks {
        /* padding: 23%; */
        padding: 8%;
        margin-top: 50%;
    }
    .input-box {
        margin-top: 100px;
    }
    .start-page {
        height: 900px;
    }
    .placeButton {
        margin-top: 200px;
        margin-left: 55px;
    }
}

#containers {
    display: block;
}


/* @media only screen and (orientation:portrait){

  #containers {

   height: 100%;

   -webkit-transform: rotate(90deg);

   -moz-transform: rotate(90deg);

   -o-transform: rotate(90deg);

   -ms-transform: rotate(90deg);

   transform: rotate(90deg);

  }

}

@media only screen and (orientation:landscape){

  #containers {

  -webkit-transform: rotate(0deg);

  -moz-transform: rotate(0deg);

  -o-transform: rotate(0deg);

  -ms-transform: rotate(0deg);

  transform: rotate(0deg);

   }
} */

@media screen and (min-width:1600px) {
    .box {
        position: absolute;
        bottom: 19%;
        right: 41%;
        height: 200px;
    }
    .text-area.text-center.transperent {
        /* margin-top: 85%;
        margin-right: 0%;
        margin-left: 65%; */
        margin-top: 45%;
        margin-right: 0%;
        margin-left: 35%;
        width: 50%;
    }
    input {
        width: 75%;
        margin-top: 20%;
        margin-left: -5%;
    }
    #Submitbtn {
        position: absolute;
        top: 600px;
        right: 60px;
    }
    .bot-gif {
        margin-top: 100%;
    }
    #resend {
        margin-top: 10%;
    }
    #home-block {
        height: 1200px;
    }
    #home-blocks {
        height: 1200px;
    }
    #body-sensor-screen,
    #telemedicine-screen,
    #Digitizing-screen,
    #Online-screen {
        height: 100vh;
    }
    .telemedicine-button {
        position: absolute;
        bottom: 175px;
        left: 125px;
        cursor: pointer;
        height: 400px;
    }
    .telemedicene img {
        width: 400px;
    }
    .Online-button {
        top: 380px;
        width: 80%;
    }
    img.resources.cursor {
        width: 150px;
        margin-left: 95px;
        margin-top: 15px;
    }
    .resource {
        width: 333px;
    }
}

@media screen and (max-width: 1080px) {
    .box {
        position: absolute;
        bottom: 10%;
        right: 35%;
    }
    .landing-page {
        height: 125%;
    }
    .text-area.text-center.transperent {
        margin-top: 40%;
        margin-left: 45%;
        width: 65%;
    }
    div#your-score {
        width: 106px !important;
    }
    img.image-fluid.cursor {
        width: 165px;
    }
    .quiz-inside {
        width: 115px;
    }
    .card.carousel {
        height: 270px !important;
    }
    #slot-inside-tittle {
        margin: 1% 0% 0% -10%;
    }
    .main-button-block .poll-image {
        height: 106px;
        width: 100px;
    }
    .poll-image {
        margin-inline: 20%;
    }
    .question-count {
        height: 80px;
    }
    .line-one {
        height: 80px;
    }
    .line-two {
        height: 80px;
    }
    .line-three {
        height: 80px;
    }
    #slot-inside-tittle {
        margin: 1% 0% 0% -10%;
    }
    .rounded-circle {
        border-radius: 50px;
        width: 50%;
        height: 85px;
        font-size: 12px;
    }
    .button-slot {
        margin-block: 18%;
    }
    .card-title {
        font-size: 12px;
    }
}

@media screen and (max-width: 1024px) {
    #Drone_name {
        font-size: 12px !important;
    }
    div#systemmessage {
        font-size: 10px !important;
    }
    .box {
        bottom: 20%;
        right: 38%;
    }
    /* #main {
        background: url(../image/new-pgm/index.jpg);
        height: 100%;
        background-size: 100% 100%;
    } */
    .landing-page {
        background: url(../image/new-pgm/login-registration1.jpg);
        height: 100%;
        background-size: 100% 100%;
    }
    .text-area.text-center.transperent {
        margin-top: 100%;
    }
    .bot-gif {
        margin-top: 125%;
    }
    .bot {
        position: absolute;
        right: -30% !important;
        top: 40% !important;
    }
    #home-block {
        height: 768px;
    }
    .corss {
        color: white;
        margin: 0px 0px 0px 0px;
    }
    #home-blocks {
        height: 768px;
    }
    #body-sensor-screen {
        background: url(../image/new/JPEG/JBPharmaWalkthroughCloseup01.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 100vh;
    }
    #telemedicine-screen {
        background: url(../image/ipad_interactivity2.jpg);
    }
    #Digitizing-screen {
        background: url(../image/ipad_interactivity3.jpg);
    }
    #Online-screen {
        background: url(../image/ipad_interactivity4.jpg);
    }
    img.resources.cursor {
        width: 125px;
    }
    .resource {
        width: 164px;
        font-size: 2rem;
        margin-top: 100%;
    }
    #speaker-heading {
        font-size: 16px;
    }
    .speaker.card {
        margin-right: -0.5%;
        margin-left: 4.3%;
        height: 290px;
    }
    .ggdefaulthotspotss {
        width: 135px !important;
        font-size: 10px;
    }
    .archives h4 {
        font-size: 16px;
    }
    .op_main {
        font-size: 12px;
    }
    .ques {
        font-size: 14px;
    }
}

@media only screen and (max-width: 892px) {
    #home-block {
        height: 876px;
    }
    /* #main {
        width: 100%;
        background: url(../image/new-pgm/index.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    } */
    .card-title {
        font-size: 8px;
    }
    .bot-gif img {
        width: 200px !important;
        margin-left: -10%;
    }
    .bot-gif {
        margin-top: 35% !important;
    }
    .text-area.text-center.transperent {
        margin-top: 40%;
        margin-left: 40%;
        width: 65%;
    }
    .box {
        position: absolute;
        bottom: 5%;
        right: 30%;
    }
    .landing-page {
        height: 100vh;
        background: url(../image/new-pgm/login-registration1.jpg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%;
    }
    .transperent {
        position: absolute;
        background: url(../image/kiosk_mobile_view.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 275px;
        width: 100% !important;
        margin-top: 6%;
    }
    input#phone {
        width: 100%;
    }
    input {
        height: 25px;
    }
    input#name {
        width: 100%;
    }
    label#doctor-perfix {
        margin-left: -20%;
    }
    img#Submitbtn {
        position: absolute !important;
        top: 65px !important;
        right: 10px !important;
    }
    .submit-button {
        position: absolute !important;
        top: 65px !important;
        right: 10px !important;
    }
    .submit-button.resend {
        position: absolute !important;
        top: 115px !important;
        right: 10px !important;
    }
    #slot-inside-tittle {
        margin: 1% 0% 0% -5%;
    }
    img.image-fluid.cursor {
        width: 115px;
    }
    div#your-score {
        width: 120px !important;
    }
    .quiz-inside {
        width: 118px;
    }
    .card.carousel {
        height: 230px !important;
    }
    .question-count {
        width: 45%;
    }
    .main-button-block .poll-image {
        height: 100px;
        width: 100px;
    }
    .poll-image {
        margin-inline: 25%;
    }
    p#check {
        font-size: 12px;
    }
    img.image-fluid {
        width: 50px;
    }
    p.card-title.text-center {
        font-size: 8px;
    }
    p.Date-Time {
        font-size: 8px;
    }
    .speaker.card {
        height: 175px;
    }
    .Archieve.card {
        height: 160px !important;
    }
    #speaker-heading {
        font-size: 10px;
    }
    .speaker_arrow {
        margin-left: -20px !important;
        margin-top: 10px !important;
    }
    #slot-inside-tittle,
    #slot-inside-tittle {
        margin: -2% 0% 0% -5% !important
    }
    #arrowone,
    #arrowtwo,
    #arrowthree,
    #arrowfour {
        font-size: 12px;
    }
    .module-title.archives {
        margin-top: 5px;
    }
    .webinar_btn,
    .backward {
        margin: 0px 0 5px -10px;
    }
    .book-button {
        font-size: 8px;
        padding: 1%;
    }
    .button-slot {
        margin-block: 25%;
    }
    img.image-fluid.arrow {
        width: 35%;
    }
    .archieve_button {
        margin: 0 0 0 20px !important;
    }
    #body-sensor-screen {
        height: 100vh;
        background: url(../image/new/JPEG/JBPharmaWalkthroughCloseup01.jpg);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .interactivity-room-bot.body-sensor {
        position: absolute;
        bottom: 0px;
        right: -70px;
    }
    #telemedicine-screen {
        height: 390px;
        background: url(../image/interactivity2_mobile_view.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .interactivity-room-bot.telemedicene img {
        width: 150px;
    }
    .interactivity-room-bot.telemedicene {
        position: absolute;
        bottom: 0px;
        right: -60px;
    }
    #Digitizing-screen {
        height: 390px;
        background: url(../image/interactivity3_mobile_view.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .interactivity-room-bot.digital {
        position: absolute;
        bottom: 0px;
        right: -60px;
    }
    #Online-screen {
        height: 390px;
        background: url(../image/interactivity4_mobile_view.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .Online-button {
        left: 120px;
        width: 80% !important;
        top: 100px;
    }
    table#table-legend p {
        font-size: 12px !important;
    }
    .speakertitle1,
    .speakertitle2,
    .speakertitle3,
    .speakertitle4 {
        height: 40px;
    }
    .module-title {
        margin-top: 8px;
    }
    .startVideo {
        top: 60%;
        left: 50%;
        height: 482px;
    }
    .sensor-button {
        bottom: 46%;
        width: 17%;
        left: 60%;
        height: 17vh;
    
        /* bottom: 47%;
        width: 17%;
        left: 60%;
        height: 15vh; */
    }
    .sensor-button img.bet_time {
        width: 200px;
    }
    .module-title h4 {
        font-size: 10px;
    }
    .telemedicine-button {
        bottom: 0px;
    }
    .op-block {
        height: 100px;
    }
    #post-questions .title-question {
        padding: 1%;
    }
    .modal {
        top: 70px;
        left: 275px;
    }
    .ques {
        margin-left: 8%;
    }
    p#slot-inside-tittle\ answer_review {
        margin: 1% 0% 0% -6%;
        font-size: 2rem;
    }
    .note {
        margin-left: -20%;
        font-size: 10px;
    }
    #main-question {
        font-size: 14px;
        font-weight: 700;
        margin-block: 4%;
        margin-inline: -10% !important;
    }
    .button-pre-test {
        font-size: 16px;
    }
    div#pre-button {
        padding: 10%;
    }
    .question-count,
    .line-one,
    .line-two,
    .line-three {
        height: 80px;
    }
    .text-inside {
        margin: 3px -5px 0px 10px;
        font-size: 10px;
    }
    #qp-status {
        font-size: 12px;
    }
    div#Answer_option_1,
    div#Answer_option_2,
    div#Answer_option_3 {
        margin-left: 10%;
        margin-right: 10%;
    }
    .choice-block {
        height: 60px;
    }
    .resource {
        width: 120px;
        background: #bcbc1e;
        font-size: 2rem;
        color: white;
        border: none;
        margin-top: 100%;
    }
    .resources {
        margin-top: 35%;
        width: 90px !important;
    }
    .interactivity-room-bot.body-sensor img {
        width: 160px;
    }
    .rounded-circle {
        border-radius: 50px;
        width: 40%;
        height: 50px;
    }
    iframe {
        margin-left: 0%;
        margin-top: 0%;
    }
    button#test_id {
        font-size: 10px;
    }
    #webinar-btn {
        margin: 20%;
    }
    #post_test_btn {
        position: absolute;
        left: 2% !important;
        top: 65% !important;
    }
    iframe {
        height: 150px !important;
    }
    span.slot_done {
        font-size: 10px;
    }
    span.slot_booking_status {
        font-size: 10px;
    }
}

@media only screen and (max-width: 930px) {
    .corss {
        color: white;
        margin: 0px 0px 0px 0px;
    }
    .resource {
        font-size: 1.5rem;
    }
    #Drone_name {
        font-size: 10px;
    }
    .bot {
        position: absolute;
        top: 55%;
        top: 55%;
        right: -50% !important;
    }
    input#phone::-webkit-input-placeholder {
        font-size: 10px;
    }
    #frame {
        margin-left: 8% !important;
        margin-top: 0% !important;
    }
    iframe {
        height: 200px !important;
    }
    span.slot_done {
        font-size: 10px;
    }
    span.slot_booking_status {
        font-size: 10px;
    }
    .card.carousel {
        height: 250px !important;
        position: relative;
        left: -12%;
        width: 140px;
        padding: 2%;
    }
}

@media only screen and (max-width: 782px) {
    .card.carousel {
        height: 250px !important;
        position: relative;
        left: 25% !important;
        width: 140px;
        padding: 2%;
    }
}

@media only screen and (max-width: 762px) {
    .quiz-inside {
        margin-top: 22px;
    }
    .main-button-block .poll-image {
        width: 90px;
        height: 91px;
    }
    .expertrow {
        display: flex;
    }
    .Archieve.card {
        width: 90%;
    }
    #home-block {
        width: 100%;
        height: 1800px;
    }
    .resource_card {
        width: 30%;
    }
    .resource {
        width: 114px;
    }
    #frame {
        margin-left: 10% !important;
        margin-top: 3% !important;
        font-size: 12px
    }
    span.slot_done {
        font-size: 10px;
    }
    span.slot_booking_status {
        font-size: 10px;
    }
}

@media only screen and (max-width: 920px) {
    .webinar_btn {
        margin: 0%;
        padding: 5%;
    }
    h5.card-title.text-center {
        font-size: 12px;
    }
    .Archieve.card {
        height: 150px !important;
    }
    .carousel-inner {
        margin-left: 0%;
        margin-right: 0%;
    }
    a.Arichieve.carousel-control-prev {
        left: -20px;
    }
    a.Arichieve.carousel-control-next {
        right: -20px;
    }
    .note {
        margin-left: 0%;
        font-size: 10px;
    }
    .question-count {
        width: 40%;
    }
    .icons {
        margin: 0%;
        width: 40px;
    }
    .question-count,
    .line-one,
    .line-two,
    .line-three {
        height: 60px;
    }
    #webinar-btn {
        margin-top: 30%;
        margin-left: auto;
        margin-right: auto;
    }
    #frame {
        margin-left: 20% !important;
        margin-top: 10% !important;
        font-size: 12px;
    }
    iframe {
        height: 160px !important;
    }
    span.slot_done {
        font-size: 10px;
    }
    span.slot_booking_status {
        font-size: 10px;
    }
}

@media screen and (max-width: 466px) {
    #speaker-heading {
        font-size: 12px;
    }
    .col-12.col-sm-12.col-md-3.col-lg-3.col-xl-3.speaker.card.text-center {
        width: 90%;
        margin: 5%;
    }
}