@media only screen and (max-width:768px){
    #home-intro{ width: 100%; background-image: url(../img/Arora-Eye-Centre-Dr-Adviti-Mobile-BKG.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;}
    
   
    #accordion200{margin-top: 450px; margin-left: -40px;}

.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;}

.video{margin-bottom: 25px; margin-top: -10px; background-image: url(../img/videos.webp); background-position: center; background-size: contain; width: 154px; height: 65px; font-size: 9px; line-height: 11px; color: #fff; padding: 25px;}

    }

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


#home-intro{ width: 100%; background-image: url(../img/Arora-Eye-Centre-Dr-Adviti-LP-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;}
    
.video{margin-bottom: 25px; margin-top: -10px; background-image: url(../img/videos.webp); background-position: center; background-size: contain; width: 154px; height: 65px; font-size: 9px; line-height: 11px; color: #fff; padding: 25px;}
}

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


#home-intro{ width: 100%; background-image: url(../img/Arora-Eye-Centre-Dr-Adviti-LP-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: 380px;}

.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;}
.accordion .card-title {font-size: 14px;}

.video{margin-bottom: 25px; margin-left: -18px; background-image: url(../img/videos.webp); width: 324px; height: 137px; font-size: 24px; color: #fff; padding: 40px;}

}

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


#home-intro{ width: 100%; background-image: url(../img/Arora-Eye-Centre-Dr-Adviti-LP-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: 700px;}

.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;}

.video{margin-bottom: 25px; background-image: url(../img/videos.webp); width: 324px; height: 137px; font-size: 24px; color: #fff; padding: 40px;}

}

body, .main{background-color: #4b88c7;}
a:not(.btn):hover{text-decoration: none;}