@media (max-width: 1600px) {
    .processProgress {
        flex-direction: column;
        align-items: baseline;
        grid-row-gap: 25px;
    }

    .processItem {
        grid-template-columns: 1fr;
    }

    .processItem .processDetail {
        width: 100%;
    }

    .processItem {
        margin-bottom: 10px;
    }

    .processProgress .left {
        width: 100%;
        min-width: 100%;
    }

    .processItem .processIcon, .processItem .empty {
        display: none;
    }
}

@media (max-width: 1590px) {
    .experinceCards {
        grid-template-columns: 1fr;
        grid-row-gap: 30px;
    }

    .experinceCards .cardList {
        display: flex;
        flex-flow: row nowrap;
        overflow-x: auto;
    }

    .experinceCards .cardItem {
        flex-basis: 420px;
        flex-shrink: 0;
    }

    .experinceCards .cardItem span {
        position: relative;
        margin-top: auto;
        border-radius: 50px;
    }

    .experinceCards .cardItem p {
        margin-bottom: 20px;
    }
}

@media (max-width: 1300px) {
    .helpArea {
        flex-direction: column;
        align-items: start;
        grid-row-gap: 20px;
    }
}

@media (max-width: 1240px) {
    .topMenu {
        display: none;
    }

    .blogList {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    header {
        border-bottom: 1px solid rgba(24, 68, 76, 0.1);
    }

    header.scroll {
        transform: translate(0);
    }

    .pageTitle {
        border-top: 0;
    }

    .siteInfo {
        grid-template-columns: 1fr;
        grid-row-gap: 30px;
    }

    .mainMenu, header.scroll .mainMenu {
        padding: 10px 0;
        grid-column-gap: 30px;
    }

    .mainContent {
        padding-top: 75px;
    }

    .topMenu .right li a.button, .mainMenu .mainNav li a.button {
        font-size: 14px;
    }

    .mainMenu .mainNav .left {
        display: none;
    }

    .mainMenu .mainNav {
        justify-content: right;
    }

    .mainMenu .mainNav ul {
        display: none;
    }

    .mainMenu .mainNav ul.mobileMenu {
        display: flex;
        grid-column-gap: 20px;
    }
}

@media (max-width: 1080px) {
    .staticPage, .staticPage .blogMeta {
        grid-row-gap: 10px;
        flex-wrap: wrap;
    }

    .hiddenMobile {
        display: none;
    }

    #getaMedicalOpinionMobile .hiddenMobile {
        display:block;
    }

    .clinicPage {
        flex-direction: column-reverse;
    }

    .clinicPage .contactDetail {
        flex-direction: column;
    }

    .contactPage, .staticPage .blogMeta, .contactDetail {
        flex-direction: column-reverse;
    }

    .contactForm {
        margin-bottom: 30px;
    }

    .fixedButton {
        display: block;
    }

    .contactDetail {
        display: flex;
        flex-direction: column;
    }

    .staticPage .blogMeta .right {
        justify-content: start;
        margin-bottom: 15px;
    }

    .share-dropdown {
        right: auto;
        top: 60px;
    }

    .aboutUs .infoList {
        grid-template-columns: 1fr;
    }

    .staticPage .right, .staticPage .left {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}

@media (max-width: 1020px) {
    .footer .footerList {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 35px;
    }

    .blogList {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .healthInformation {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-row-gap: 10px;
        grid-column-gap: 10px;
    }
}

@media (max-width: 920px) {
    .headingTitle {
        flex-direction: column;
        grid-row-gap: 10px;
        justify-content: start;
        text-align: center;
    }

    .headingTitle p {
        display: none;
    }
}

@media (max-width: 860px) {
    .footerBottom .footerDetail {
        flex-direction: column;
        grid-row-gap: 8px;
        align-items: baseline;
        grid-row-gap: 15px;
    }

    .footerBottom .footerDetail .footerMenu ul {
        flex-wrap: wrap;
        justify-content: start;
        grid-row-gap: 10px;
    }
}

@media (max-width: 768px) {
    .mainMenu .quickMenu a {
        display: none;
    }

    .experinceCards .largeCard img {
        height: 430px;
    }

    .staticPage .blogMeta .authorDetail img {
        width: 54px;
        height: 54px;
    }

    .pageTitle h2 {
        font-size: 24px;
    }

    .pageTitle p {
        font-size: 14px;
    }

    .blogItem:hover, .listContent:hover {
        transform: translateY(0px);
    }

    .blogList {
        grid-template-columns: 1fr 1fr;
    }

    .clinicBox {
        grid-template-columns: 1fr 1fr;
        display: grid;
        grid-row-gap: 10px;
        grid-column-gap: 10px;
    }

    .beforeAfter .imageList {
        grid-template-columns: 1fr;
    }

    .healthInformation .infoItem {
        justify-content: normal;
    }

    .healthInformation {
        grid-template-columns: 1fr 1fr;
    }

    .pageTitle {
        padding: 30px 0;
        background: transparent;
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    .breadCrumb ul {
        overflow-x: auto;
        overflow-y: hidden;
        min-width: 0px;
    }

    .breadCrumb li {
        flex-shrink: 0;
    }

    .blogFooter {
        align-items: start;
        grid-row-gap: 15px;
        flex-direction: column-reverse;
        margin-bottom: 25px;
    }

    .blogFooter .whatsappShare a {
        color: #36b644;
        background: transparent;
        padding: 0;
    }

    .mainItem {
        padding: 35px 0;
        border-bottom: 1px solid rgba(24, 68, 76, 0.1);
    }

    .homeSlider .sliderItem {
        height: 600px;
        max-height: 600px;
        min-height: 600px;
    }

    .homeSlider {
        mask-image: radial-gradient(150% 15% at 50% 100%, transparent 50%, #fff 51%)
    }

    .homeSlider {
        margin-top: -75px;
    }

    .homeSlider .sliderItem h1 {
        font-size: 24px;
    }

    .homeSlider .sliderItem h4 {
        font-size: 18px;
    }

    .homeSlider .sliderItem p {
        font-size: 14px;
    }

    .mainSlider .homeSearch {
        position: relative;
        bottom: 0;
        margin-top: 30px;
    }

    .mainSlider .homeSearch form {
        width: 100%;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        justify-content: center;
        flex-direction: column;
        grid-row-gap: 8px;
        grid-column-gap: 8px;
        padding: 0;
        background: transparent;
    }

    .mainSlider .homeSearch .treamentTypes, .mainSlider .formDate, .mainSlider .getaQuote {
        max-width: 100%;
        flex: 1;
    }

    .mainSlider button[type="submit"] {
        width: 100%;
        min-width: 130px;
    }

    .branchList {
        grid-template-columns: 1fr;
        grid-row-gap: 30px;
        margin-bottom: 20px;
    }
}

@media (max-width: 650px) {
     .filterList .filterItem {
        flex-wrap: wrap;
        grid-row-gap: 15px;
        width: 100%;
    }

    .filterList .filterItem a {
        width:100%;
    }
}

@media (max-width: 600px) {
    .helpArea ul {
        flex-direction: column;
        grid-row-gap: 12px;
        width: 100%;
    }

   

    .helpArea li {
        flex: 1;
        min-width: 100%;
    }
}

@media (max-width: 560px) {
    .treatmentDetail {
        flex-direction: column;
        align-items: start;
        grid-row-gap: 25px;
    }

    .filterList .filterItem img {
        height: 140px;
        width: 100%;
        object-fit: cover;
    }

    .filterList .clinicName {
        flex-direction: column;
        align-items: start;
        grid-row-gap: 15px;
    }

    .treatmentDetail .ratingBar .ratingList, .clinicList .ratingBar .ratingList, .clinicCover .ratingBar .ratingList, .doctorLists .ratingBar .ratingList {
        justify-content: start;
    }
}

@media (max-width: 540px) {
    .footer .footerList {
        grid-template-columns: 1fr;
    }

    .staticPage .contactList .twoList {
        grid-column-gap: 8px;
        grid-template-columns: 1fr 1fr;
        text-wrap: wrap;
        grid-row-gap: 8px;
    }

    .staticPage .contactBox, .otherCategory, .getForm, .contactDetail .getOffer {
        padding: 15px;
    }

    .staticPage .contactList a, .blogFooter .whatsappShare a {
        padding: 10px;
    }

    .footer .footerItem:first-child {
        grid-column: 1;
    }

    .helpArea h3, .helpArea p {
        text-align: left;
    }

    .helpArea {
        align-items: inherit;
    }

    .modalSearch h1 {
        font-size: 22px;
        text-align: left;
    }

    .modalSearch p {
        text-align: left;
    }
}

@media (max-width: 480px) {
    .healthInformation, .clinicBox {
        grid-template-columns: 1fr;
        padding: 0;
        background: transparent;
    }

    .aboutUs .infoDetail {
        height: auto!important;
    }

    .clinicPageTitle {
        flex-direction:column;
        justify-content: center;
        align-items: start;
    }

    .clinicPageTitle span {
        border: none;
        padding: 0;
        margin: 0;
        font-size: 12px;
    }

    .healthInformation .infoItem img{
        width: 32px;
    }

    .healthInformation {
        grid-template-columns: 1fr 1fr;
    }

    .healthInformation .infoItem:nth-child(3) {
        grid-row: 3;
        grid-column: 1 / 3;
    }

    .clinicBox {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .homeSlider .sliderItem {
        height: 500px;
        max-height: 500px;
        min-height: 500px;
    }

    .homeSlider .sliderItem h1 {
        font-size: 22px;
    }

    .homeSlider .sliderItem h4 {
        font-size: 18px;
    }

    .blogList {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 400px) {
    .treatmentLocation{
        padding:0;
        background:transparent;
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
    }

    .clinicPageTitle {
        background: transparent;
        padding: 0;
        margin-bottom: 10px;
    }

    .clinicGallery img {
        border-radius: 12px;
    }

    .pageTitle{
        margin-bottom:10px;
        padding-top: 15px;
    }

    .clinicGallery {
        margin-bottom: 10px
    }

    .treatmentLocation * {
        flex-shrink: 0;
    }
}

@media (max-width: 325px) {
    .staticPage .contactList .twoList,
    .healthInformation {
        grid-template-columns: 1fr;
    }

    .healthInformation .infoItem img {
        display:none;
    }

    .healthInformation .infoItem:nth-child(3) {
        grid-row: auto;
        grid-column: auto;
    }
}