@media screen and (max-width: 767px) { 
    .presenters {
        width: 60%;
    }
    .landingpage {
        padding: 20px;
    }
    .landing-details {
        width: 100%;
        padding-left: 20px;
    }
    .landing-details img {
        width: 150px;
    }
    .landing-details h1 {
        font-size: 22px;
    }
    .presenters {
        width: 100%;
        padding-left: 15px;
        margin-top: 50px;
    }
    .fp_imgsec > img{width: 90vw;}
    .landingpage img[alt="Vectramind Health"] {
        height: 50px;
    }
    .banner{overflow-x: hidden;}
    .banner .logo img {
        height: 2rem;
    }
    .graph-container h2 {
        font-size: 25px;
    }
    .graph-container img {
        padding: 20px 0;
    }
    .fp-description:nth-child(odd), .fp-description:nth-child(even) {
        padding-right: 0;
    }
    .fp-365 .row.fp-section:nth-child(even), .fp-365 .row.fp-section:nth-child(odd) {
        flex-direction: row;
    }
    .graph-container > div{margin-top: 40px;}
    .fp_imgsec > div > img {height: 15vw;}
    .fp_imgsec #fp_engage > img {height: 13vw;}
    .section-image {
        text-align: center;
    }
    .section-image img {
        height: unset;
        width: 90%;
    }
    footer {
        padding: 15px;
        flex-direction: column;
    }
	
	.fp_imgsec{width:100%; height:auto;}
	.fp_imgsec > div {gap: 0.5rem; align-items: center;}
	
	.fp_imgsec > div > span{font-size: 2vw;}
	.fp_imgsec #fp_flow span{width:55%; word-break:break-word;}
	.fp_imgsec #fp_livecast span{width:55%; word-break:break-word;}
}

@media screen and (min-width: 768px) and (max-width: 1024px)  {
    .presenters {
        width: 35%;
        padding-right: 60px;
        margin-top: 30px;
    }
    .fp-365 {
        width: 90%;
    }
    .section-image img {
        max-width: 100%;
    }
    .fp-section .col-sm-6 {
        width: 48%;
    }
    .section-image img[height="300"], .section-image img[height="280"] {
        height: 200px;
    }
    .section-image img[height="250"] {
        height: 180px;
    }
    .fp-description:nth-child(odd), .fp-description:nth-child(even) {
        padding-right: 0;
    }

    .graph-container > div{margin-top: 40px;}
	
    .fp_imgsec{width: 550px; height: 550px;}
	.fp_imgsec > img{width: 90vw;}
	
	#fp_schedule{top: -10px; right: 75px;}
	#fp_kyc{top: 90px; right: -40px;}
	#fp_flow{bottom: 240px; right: -90px;}
	#fp_connect{bottom: 90px; right: 20px;}
	#fp_engage{bottom: 0; left: 220px;}
	#fp_crm{bottom: 80px; left: -20px;}
	#fp_livecast{bottom: 240px; left: -70px;}
	#fp_feedback{top: 110px; left: -40px;}
	#fp_escalate{top: -10px; left: 85px;}
}

@media (max-width: 540px) {
  /* Mobile-specific styles */
	#fp_schedule{top: -30px; right: 42px;}
	#fp_kyc{top: 20px; right: 10px;}
	#fp_flow{bottom: 135px; right: -28px;}
	#fp_connect{bottom: 26px; right: 26px;}
	#fp_engage{bottom: -20px; left: 155px;}
	#fp_crm{bottom: 23px; left: 30px;}
	#fp_livecast{bottom: 135px; left: 10px;}
	#fp_feedback{top: 30px; left: 10px;}
	#fp_escalate{top: -30px; left: 70px;}
}
@media only screen and (min-width: 320px) and (max-width: 320px) {
	#fp_livecast {bottom: 105px;left: 10px;}
	#fp_flow {bottom: 105px;right: -28px;}
}
@media only screen and (min-width: 820px) and (max-width: 853px) {
	#fp_schedule{top: -30px; right: 65px;}
	#fp_kyc{top: 80px; right: -40px;}
	#fp_flow{bottom: 250px; right: -90px;}
	#fp_connect{bottom: 80px; right: 10px;}
	#fp_engage{bottom: -15px; left: 220px;}
	#fp_crm{bottom: 70px; left: -40px;}
	#fp_livecast{bottom: 240px; left: -90px;}
	#fp_feedback{top: 95px; left: -60px;}
	#fp_escalate{top: -30px; left: 75px;}
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
	#fp_schedule{top: -40px; right: 35px;}
	#fp_kyc{top: 70px; right: -80px;}
	#fp_flow{bottom: 250px; right: -110px;}
	#fp_connect{bottom: 75px; right: -10px;}
	#fp_engage{bottom: -30px; left: 220px;}
	#fp_crm{bottom: 75px; left: -40px;}
	#fp_livecast{bottom: 240px; left: -100px;}
	#fp_feedback{top: 90px; left: -60px;}
	#fp_escalate{top: -40px; left: 75px;}
}

@media only screen and (width: 1024px) and (height: 600px) {
    .fp_imgsec {
        width: 450px;
        height: 450px;
    }
    #fp_schedule{top: -40px; right: 0;}
	#fp_kyc{top: 40px; right: -80px;}
	#fp_flow{bottom: 220px; right: -120px;}
	#fp_connect{bottom: 55px; right: -30px;}
	#fp_engage{bottom: -30px; left: 150px;}
	#fp_crm{bottom: 45px; left: -40px;}
	#fp_livecast{bottom: 200px; left: -100px;}
	#fp_feedback{top: 60px; left: -60px;}
	#fp_escalate{top: -40px; left: 55px;}
}

@media only screen and (width: 540px) and (height: 720px) {
    .fp_imgsec > div > img {height: 12vw;}
    .fp_imgsec #fp_engage > img {height: 11.5vw;}
    #fp_schedule{top: -40px; right: 60px;}
	#fp_kyc{top: 40px; right: 22px;}
	#fp_flow{bottom: 180px; right: -30px;}
	#fp_connect{bottom: 40px; right: 50px;}
	#fp_engage{bottom: -30px; left: 220px;}
	#fp_crm{bottom: 35px; left: 60px;}
	#fp_livecast{bottom: 180px; left: 30px;}
	#fp_feedback{top: 50px; left: 30px;}
	#fp_escalate{top: -40px; left: 105px;}
}

@media only screen and (width: 912px) and (height: 1368px) {
    .fp_imgsec > div > span {font-size: 1.2vw;}
    .graph-container h2 {padding-bottom: 40px;}
    #fp_schedule{top: -40px; right: 45px;}
	#fp_kyc{top: 65px; right: -95px;}
	#fp_flow{bottom: 250px; right: -120px;}
	#fp_connect{bottom: 70px; right: 0;}
	#fp_engage{bottom: -30px; left: 220px;}
	#fp_crm{bottom: 65px; left: -40px;}
	#fp_livecast{bottom: 240px; left: -100px;}
	#fp_feedback{top: 80px; left: -60px;}
	#fp_escalate{top: -40px; left: 75px;}
}

@media only screen and (width: 690px) and (height: 829px) {

    .fp_imgsec > div > img {height: 10vw;}
    .fp_imgsec #fp_engage > img {height: 9vw;}
    .graph-container h2 {padding-bottom: 40px;}
    #fp_schedule{top: -40px; right: 80px;}
	#fp_kyc{top: 50px; right: 15px;}
	#fp_flow{bottom: 215px; right: -60px;}
	#fp_connect{bottom: 55px; right: 70px;}
	#fp_engage{bottom: -30px; left: 290px;}
	#fp_crm{bottom: 45px; left: 80px;}
	#fp_livecast{bottom: 220px; left: 30px;}
	#fp_feedback{top: 60px; left: 60px;}
	#fp_escalate{top: -45px; left: 175px;}
}

@media only screen and (width: 1200px) and (height: 800px) {
    #fp_schedule{top: -40px; right: 80px;}
	#fp_kyc{top: 50px; right: 15px;}
	#fp_flow{bottom: 215px; right: -60px;}
	#fp_connect{bottom: 55px; right: 70px;}
	#fp_engage{bottom: -30px; left: 290px;}
	#fp_crm{bottom: 45px; left: 80px;}
	#fp_livecast{bottom: 220px; left: 30px;}
	#fp_feedback{top: 60px; left: 60px;}
	#fp_escalate{top: -45px; left: 175px;}
}

/* @media only screen and (width: 1706px) and (height: 1280px) {
    .fp_imgsec {
        width: 40vw;
        height: 40vw;
    }
    #fp_schedule{top: 3.5vh; right: 0.5vw;}
    #fp_kyc{top: 13vh; right: -7vw;}
    #fp_flow{bottom: 36vh; right: -10vw;}
    #fp_connect{bottom: 15vh; right: 0;}
    #fp_engage{bottom: 4.5vh; left: 17vw;}
    #fp_crm{bottom: 14vh; left: 3vw;}
    #fp_livecast{bottom: 35vh; left: -6vw;}
    #fp_feedback{top: 14vh; left: 0;}
    #fp_escalate{top: 3.5vh; left: 7vw;}

    .layer-section > span{font-size: 1rem !important;}
}

@media screen and (min-width: 1367px) and (max-width: 3546px) {
    .fp_imgsec {
        width: 40vw;
        height: 40vw;
    }
    #fp_schedule{top: 3.5vh; right: 0.5vw;}
    #fp_kyc{top: 13vh; right: -7vw;}
    #fp_flow{bottom: 36vh; right: -10vw;}
    #fp_connect{bottom: 15vh; right: 0;}
    #fp_engage{bottom: 4.5vh; left: 17vw;}
    #fp_crm{bottom: 14vh; left: 3vw;}
    #fp_livecast{bottom: 35vh; left: -6vw;}
    #fp_feedback{top: 14vh; left: 0;}
    #fp_escalate{top: 3.5vh; left: 7vw;}

    .layer-section > span{font-size: 1rem !important;}
} */

@media screen and (min-width: 1367px) and (max-width: 3546px) {
    .fp_imgsec {
        width: 700px;
        height: 700px;
    }
    .fp_imgsec > div > img{height: 2.5vw;}
    .fp_imgsec > #fp_engage > img{height: 2vw;}
    #fp_schedule{top: 34px; right: 34px;}
    #fp_kyc{top: 126px; right: -93px;}
    #fp_flow{bottom: 320px; right: -152px;}
    #fp_connect{bottom: 140px; right: 15px;}
    #fp_engage{bottom: 46px; left: 280px;}
    #fp_crm{bottom: 135px; left: 35px;}
    #fp_livecast{bottom: 320px; left: -85px;}
    #fp_feedback{top: 145px; left: -24px;}
    #fp_escalate{top: 33px; left: 84px;}

    .layer-section > span{font-size: 1rem !important;}
}

/* Laptop styles */
@media only screen and (min-width: 1025px) and (max-width: 1440px) {}
/* Desktop styles */
@media only screen and (min-width: 1441px) {}