@media only screen and (max-width:768px){
    #home-intro{ width: 100%; background-image: url(../img/Dr-Vivek-gagneja_Web-Project-MOBILE.webp); background-position: top center; background-size: contain; background-repeat: no-repeat; padding-top: 20px; padding-left: 50px; min-height: 100vh;}
    
    
    .left1{padding:0px; margin: 0px;}
    
    .left1 .button1{display: none !important;}
    .button1 span{display: none !important;}
    
    
    .mob1{display: none;}
    .mob2{display: block !important;}
   
    #accordion200{margin-top: 260px; width: 80%; margin-left: -60px;}

.accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a:after {
    background-image: url(../img/Video\ Dropdown\ Button.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    font-family: Arial, Helvetica, sans-serif;
    content: "";
}

.accordion.accordion-modern-status > .card .card-header a:after {right: 5px;}


.accordion.accordion-modern-status > .card .card-header a{padding: 7px 5px;}
.accordion .card-title{font-size: 9px;}

.card{margin-top: 0px !important; margin-bottom: 5px !important;}
h4{line-height: 12px;}

    }

@media only screen and (min-width:768px) and (max-width:1200px){


#home-intro{ width: 100%; background-image: url(../img/Dr-Vivek_Web-Project-BKG.webp); background-position: top center; background-size: contain; background-repeat: no-repeat; padding-top: 20px; padding-left: 50px; min-height: 39vh;}

.left1{height: 35vh; position: relative;}
.left1 img{position: absolute; bottom: 0; left: 40px; width: 25% !important; }

 #accordion200{margin-top: 220px; }

.accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a:after {
    background-image: url(../img/Video\ Dropdown\ Button.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    font-family: Arial, Helvetica, sans-serif;
    content: "";
}

.accordion.accordion-modern-status > .card .card-header a:after {right: 5px;}


.accordion.accordion-modern-status > .card .card-header a{padding: 7px 5px;}
.accordion .card-title{font-size: 9px;}

.card{margin-top: 0px !important; margin-bottom: 5px !important;}
h4{line-height: 12px;}

.mob1{display: block !important;}
.mob2{display: none;}
    

}

@media only screen and (min-width:1200px) and (max-width:1960px){


#home-intro{ width: 100%; background-image: url(../img/Dr-Vivek_Web-Project-BKG.webp); background-position: top center; background-size: contain; background-repeat: no-repeat; padding-top: 20px; padding-left: 50px; min-height: 117vh;}

.left1{height: 102vh; position: relative;}
.left1 img{position: absolute; bottom: 0; left: 100px;}

#accordion200{margin-top: 480px;}

.accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a:after {
    background-image: url(../img/Video\ Dropdown\ Button.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    font-family: Arial, Helvetica, sans-serif;
    content: "";
}

.mob2{display: none;}

.accordion.accordion-modern-status > .card .card-header a{padding: 13px 40px;}

}

@media only screen and (min-width:1960px){


#home-intro{ width: 100%; background-image: url(../img/Dr-Vivek_Web-Project-BKG.webp); background-position: top center; background-size: contain; background-repeat: no-repeat; padding-top: 20px; padding-left: 50px; min-height: 150vh;}

.left1{height: 132vh; position: relative;}
.left1 img{position: absolute; bottom: 0; left: 200px; }

#accordion200{margin-top: 800px;}

.accordion.accordion-modern-status.accordion-modern-status-arrow > .card .card-header a:after {
    background-image: url(../img/Video\ Dropdown\ Button.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    font-family: Arial, Helvetica, sans-serif;
    content: "";
}

.mob2{display: none;}

}

body, .main{background-color: #daedfe;}