.site-logo-top { display: none;}


.header-right { width: calc(1292px - 0px); padding: 25px 30px;}
.menu-full { top: -33px;}
.primary-menu { display: none;}
.menu-width, .menu-full.active, .menuFullBlock {     width: 952px; }
.menu-full.active, .menuFullBlock  { float: none; clear: both;}
.site-logo {
    width: calc(250px - 0px);
}

.welcome-content { width: calc(100% - 0px); padding:0px 100px 0px 80px; color: #fff;}
.hme-facil-wrapp .widget-title { padding-bottom: 15px;}
.hme-fac-why { padding-bottom: 25px;}
.hme-viceo-align { position: relative;}
.vert-video-block {  position:relative; padding-left: 50px;  }
.vert-video { width:307px; height:550px; position:Relative}
.vert-video iframe { position:absolute; top:0; left:0; width:100%; height:100% } 
.video-slide figure {padding: 0 0px;}
.hme-viceo-align { padding-left: 0px;}
.video-slide figure a:link, .video-slide figure a:visited { display: block; width: 100%;}

.video-slide-block-align { position: absolute; width: calc(100% - 0px); left: 0; top: 50%; transform: translateY(-50%); padding-left: 400px; }
.video-slide-block-align .owl-theme .owl-dots, .video-slide-block-align .owl-theme .owl-nav{ display: none;}

.home-banner-wrapp { height: 100svh;}

.bannner-right-wrapp { padding-top: 0;}


.banner-slider {
    border: 0;
    border-right: 0;
    width: calc(60% - 0px);
    position: relative;
}



.home-banner-wrapp {
    position: relative;
    background-color: #259381;
}
vert-video-block {position: relative; z-index: 100;}



.no-space-top { padding-top: 0; }


.header-left figure, .sub-banner figcaption { 



    
}
.header-left {
    background-image: url(../images/eye-hospital-caption-bg-eye-ani-1.webp);
    animation: eyeAniNEw 1888888888880000000000000000000000000000000000000000000000000000000000000000000000000s ease-in infinite;
}
@media screen and (max-height: 800px) {
    /* Your CSS here */
    .header-left figure {
    padding-bottom: 24px; }

    .hide-para, .hide-para-lap { display: none;}
    .banner-appointment {padding: 0 60px;}
    .welcome-content {
    width: calc(100% - 0px);
    padding: 50px 100px 0px 42px;
    color: #fff;
}
.welcome-title, .hme-why-title {padding-bottom: 0;}
}



@media (max-width: 1400px) {
.site-logo {
    width: calc(210px - 0px);
}
.menu-width, .menu-full.active {
    width: 943px;
}.top-locattion {

    margin: 10px 0;
}
.header-right {
    width: calc(1205px - 0px);
    padding: 25px 30px;
}
.menu-full li a:link, .menu-full li .viewAlTrt:visited {
    padding: 20px 13px;
}
.menu-width, .menu-full.active, .menuFullBlock {
    width: 905px; 
}
.welcome-content {
    width: calc(100% - 0px);
    padding: 50px 100px 50px 80px;
    color: #fff;
}

.menuFullBlock { position: absolute; right: 0; }
.hide-para { display: none;}
}


@media (max-width: 1300px) {

.menu-width, .menu-full.active, .menuFullBlock {
    width: 842px; 
}
    .header-right {
        width: calc(1100px - 0px);
        padding: 25px 30px;
    }
.site-logo {
        width: calc(172px - 0px);
    }
.menu-full li a:link, .menu-full li .viewAlTrt:visited {
    padding: 20px 10px; font-size: 11pt;
}




.video-slide-block-align {
    position: absolute;
    width: calc(100% - 0px);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 297px;
}
.vert-video {
    width: 221px;
    height: 378px;
    position: Relative;
}


  }

@media (max-width: 1100px) { 

}


@media (max-width: 1024px) {

  .home-banner-wrapp {
    height: auto;
  }
.banner-slider { width: calc(100%);}
.home-banner-wrapp { flex-direction: column;}

.welcome-content {
        width: calc(100% - 0px);
        padding: 50px 40px 50px 40px;
        color: #fff;
    } .welcome-content article, .vert-video-block { padding-right: 0; padding-left: 0;}
.header-left { padding: 120px 0 60px 0;}
.header-left {
    background-image: url(../images/eye-hospital-caption-bg-eye-ani-1.webp);
    animation: eyeAniNEw 1888888888880000000000000000000000000000000000000000000000000000000000000000000000000s ease-in infinite;
}
}

@media (max-width: 800px) { 

.video-slide-block-align { position: relative; padding: 0; top: 0; transform: translateY(0);}
.vert-video { margin: 0 auto 45px auto; }
.header-left figure { width: calc(100% - 0px);}
.header-left { background-size: cover;}

    .header-left {
        background-size: cover;
        height: 100svh;
    }
    .header-left figure {
        padding-bottom: 3px;
    }
}