@media screen and (max-width:1450px) {
    .posi-continer h2{
        font-size: 80px;
    }
}
@media screen and (max-width:1200px) {
    .about::before, .rev-pos{display: none;}
    .posi-continer h2{
        font-size: 70px;        
    }
}
@media screen and (max-width:991px) {
    br{display: none;}
    .logo{width: 100px;}
    .nav-line{margin: 10px 0px;}
    .nav-link.active .nav-line{display: none;}
    /* text */
    .title-small, .title h1, .title h2 {text-align: center;}
    .para, .footer-text{text-align: justify;margin-top: 15px;}
    .title h1, .title h2 {
        font-size: 35px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }
   
    /* banner */
    .videoBanner video {
        background-image: url(image/web-banner-mob.webp);
    }
    .desk_banner{display: none;}
    .mob_banner{display: block;}
    .posi-continer{width: auto; padding-right: 20px;}
    .posi-text {
        bottom: 0%;
        left: 50%;
        transform: translate(-50%, -25%);
    }
    .posi-continer h2{font-size: 50px;}
    .posi-continer h3 {
        font-size: 25px;
    }
    .posi-continer h2{text-align: right;}
    .call-banner{margin: 15px 0px 0px auto;}
    .jumerfloat{
        float: right;
        margin-top: 20px;
    }
    /* counter */
    .linepos::after{display: none;}
    .counter-item {margin: 20px 0px;}
    .sectionounter{padding: 30px 0px; margin: 25px 0px;}
    /* doctor */
    .doctorProfile .owl-nav {position: initial;margin-top: 20px;}
    /* service */
    .beforeandafter .owl-nav, .review-carouisel .owl-nav  {
        position: initial;
    }
    .revbox{
        flex-direction: column;
    }
    .trusrpilot{width: 70%;height: auto;}
    /* footer */
    .footer-logo{
        display: block;
        margin: auto;
    }
    /* banner */
    .posi-continer{
        width: 70%;
    }
    .actionText {
        font-size: 30px;
        text-align: center;
    }
    .call2actiongrid {
        grid-template-columns: repeat(1, 1fr);
    }
    .zoom-in-out-box {
        margin: 20px auto 0px auto;
        float: none;
    }
   
    input[type="date"]::-webkit-calendar-picker-indicator,
    input[type="time"]::-webkit-calendar-picker-indicator {
        display: none;
    }
    input[type="date"] {
        background-image: url(../image/date-icon.png) !important;
        background-repeat: no-repeat !important;
        background-position: 97% center !important;
        background-size: 30px !important;
    }
    input[type="time"] {
        background-image: url(../image/time-icon.png) !important;
        background-repeat: no-repeat !important;
        background-position: 97% center !important;
        background-size: 30px !important;
    }
    .map-abs{position: initial;width: 100%; margin: 0px auto 20px;}
    #contact-sec .row {
        flex-direction: column-reverse;
    }
}
@media screen and (max-width:769px) {
    .logo-grid {grid-template-columns: repeat(4, 1fr);}
    .tabs{flex-wrap: wrap;}
    .form2-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}
@media screen and (max-width:601px) {
    .service-text p {
        height: auto;
    }
    .counter-item .counter{font-size: 45px;}
    .counter-item p{font-size: 16px;line-height: 25px;}
    .tabs{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        align-items: center;
    }
    .posi-continer h2{font-size: 40px;}
    .call-banner{transform: scale(.8);}
    .posi-continer h3 {
        font-size: 20px;
    }
    .posi-continer h5{ font-size: 17px;}
    .jumerfloat{margin-top: 10px;}
    .posi-continer .star-flex img {
        width: 9px;
        height: auto;
    }
    .bg-pos {
        background: linear-gradient(270deg, #ffffffd1 24.77%, rgba(255, 255, 255, 0.00) 100%);
    }
    #contact-sec br{display: block;}
}
@media screen and (max-width:501px) {
    .tabs{display: block;}
    .tab-link{display: block; margin: 10px 0px;text-align: center;}
    .tab-link.active{border: none;}
    
    .service-text p {
        font-size: 14px;
        font-style: normal;
        line-height: 20px;
        font-weight: 700;
    }
    .posi-text {
        bottom: 50%;
        left: 50%;
        transform: translate(-50%, -25%);
    }
    .actionText {
        font-size: 22px;
        line-height: 30px;
    }
    @keyframes zoom-in-zoom-out {
        0% {
          transform: scale(1, 1);
        }
        50% {
          transform: scale(0.8, 0.8);
        }
        100% {
          transform: scale(1, 1);
        }
    }
}
@media screen and (max-width:501px) {
    .placeholders, .form1 .form_partion{display: block;}
    .form1 .placeholders{display: block; margin:10px 0px 0px 15px;}
   
    .form2-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);width:100%;
    }
    .date-input-container, .form1 .form_partion{width: 100% !important;}
    input[type="date"], input[type="time"] {width: 100% !important;min-height: 50px;height: 52px;}
    .accordion-header h2{
        color: var(--white);
        font-size: 21px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 10px 20px;
    }
    .zoom-in-out-box div{
        color: var(--white);
        font-family: 'Osande';
        font-style: normal;
        font-size: 18px;
        line-height: normal;
        font-weight: bold;
        margin-left: 25%;
    }
}
@media screen and (max-width:401px) {

    .logo-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .counter-item .counter{font-size: 35px;}
    .counter-item p {
        color: #000;
        font-family: Raleway;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 25px;
        margin: 0px auto 0px;
    }
    .para {
        color: rgba(0, 0, 0, 0.60);
        font-family: 'Raleway';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 180.5%;
    }
}