@media (min-width: 1200px) { 
    .container {
        max-width: 1320px;
    }
    .grid-list-service {
        padding: 0 30px;
    }
    .section-home-treatments .area-content {
        max-width: 500px;
        margin: 0 0 0 auto;
    }
    .section-home-start .block-img .heading {
        position: absolute;
        top: -42px;
        left: -67px;
        text-align: left;
    }
    .section-home-start .block-img .heading h2 {
        font-size: 64px;
    }
}

@media (min-width: 992px) { 
    .container.lg {
        max-width: 1070px;
    }
    .container.md {
        max-width: 750px;
    }
    .field-btn {
        margin-top: 40px;
        padding-top: 50px;
        border-top: 1px solid #683665;
    }
    .about-column-grid.a-img-right .block-img {
        grid-row: 1;
        grid-column: 2;
    }
    .stories-slider {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .stories-slider .slider-group {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
    }
 }
 @media (min-width: 768px) {  

    .medical-team-grid .team-list:first-of-type {
        width: 415px;
        margin-left: auto;
        margin-right: auto;
    }
    .team-grid  {
        grid-gap: 75px;
        grid-template-columns: 1fr 1fr;
    }
 }

 @media (max-width: 1199.98px) { 

    .swiper-gallery .swiper-slide .box-img {
        transform: scale(.95) translateZ(0);
    }
    .swiper-slideshow-category .swiper-button-next {
        right: -12px;
    }

    .errorpage {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), 
        url(../img/design/sc-bg-errorpage-m.jpg)  no-repeat, #D9D9D9;
        background-size: cover;
    }
    .errorpage .box-content {
        width: 100%;
    }
    .errorpage .box-content h1 {
        font-size: 40px;
    }
 }

 @media (max-width: 991.98px) { 
    .mouse-scroll {
        right: 15px;
        bottom: 25px;
    }
    .section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .section-full-bgimg .box-content {
        width: 100%;
    }
    .section-full-bgimg.home .box-content h1 {
        font-size: 80px;
    }
    .contact-grid {
        grid-gap: 50px;
        grid-template-columns: 1fr;
    }

    /* Home */
    .start-column-grid {
        grid-template-columns: 1fr;
    }
    .section-home-start .boximg {
        margin: 0 auto;
    }
    .section-home-gallery {
        padding-bottom: 40px;
    }

    /* About */
    .about-column-grid {
        grid-gap: 40px;
        margin: 40px 0;
        grid-template-columns: 1fr;
    }
    .section-about-column .block-img, .service-single-grid .block-img {
       margin: 0 35px;
    }

    .grid-list-blog, .grid-list-service {
        grid-gap: 40px;
        grid-template-columns: 1fr 1fr;
    }
    .single-block {
        grid-gap: 40px;
        grid-template-columns: 1fr;
    }
    .single-block .block-content {
        padding: 40px;
    }
    .item-service .box-caption {
        padding: 12px;
    }
    .service-single-grid {
        grid-gap: 40px;
        grid-template-columns: 1fr;
    }

    /* Contact */
    .map-container {
        height: 350px;
    }
    .form-grid {
        grid-gap: 40px;
        grid-template-columns: 1fr;
    }
    .block-profile {
        padding-bottom: 40px;
    }
    .block-profile:after {
        content:'';
        position: absolute;
        left: -15px;
        bottom: 0;
        display: block;
        width: calc(100vw + 15px);
        height: 1px;
        background: #683665;
    }
    .medical-team-grid .team-list {
        width: 48%;
    }
    .team-grid {
        grid-gap: 40px;
    }
    .popup-team-grid {
        grid-template-columns: 1fr;
    }
    .popup-team .block-content, .section-stories .block-content {
        height: auto;
        overflow-y: visible;
        padding-right: 0;
    }
    .section-stories {
        padding: 50px 0 70px;
    }
    .section-stories:after {
        top: inherit;
        bottom: 0;
        right: inherit;
        width: 100%;
        height: calc(100% - 240px);
    }
    .section-stories .slider-view {
        width: 50%!important;
        margin: 0 auto;
    }
    .stories-slider .slider-group {
        padding: 20px;
    }
    .swiper-treatments {
        margin-right: -15px;
        margin-left: -15px;
    }
    .swiper-treatments .swiper-slide {
        width: 260px!important;
    }
    .swiper-treatments .swiper-slide:first-of-type {
        margin-left: 15px;
    }
    .treatments-item {
        height: 345px;
    }
    .treatments-item .icon img {
        width: auto;
        height: 115px;
    }
    .gb-grid-col {
        grid-template-columns: 1fr;
    }
    .section-home-treatments {
        padding-bottom: 120px!important;
    }
    .section-home-treatments .heading {
        margin-bottom: 15px;
    }
    .swiper-treatments {
        overflow: visible;
    }
    .swiper-treatments .swiper-arw {
        display: flex;
    }
    .section-home-treatments .swiper-button-prev {
        left: 15px;
    }
    .section-home-treatments .swiper-button-next {
        left: 70px;
    }
    .section-home-activity {
        padding-bottom: 80px;
    }

 }

 @media (max-width: 767.98px) { 

    .section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .heading.lg {
        margin-bottom: 30px;
    }
    .section-full-bgimg.home .box-content h1 {
        width: 90%;
        font-size: 15.5vw;
        line-height: 105%;
    }
    .swiper-treatments .swiper-slide {
        width: 230px!important;
    }
    .section-stories .slider-view {
        width: 325px!important;
    }
    .section-home-gallery {
        top: 0;
        padding-top: 20px;
        padding-bottom: 60px;
    }
    .swiper-gallery {
        padding-left: 12px;
    }
    .swiper-gallery .swiper-slide {
        width: 90%!important;
    }
    .swiper-gallery .swiper-slide .box-img img {
        height: 61vw;
    }
    .section-bgimg-parallax {
        height: 210px;
    }
    .section-bgimg-parallax .coverimg {
        background-attachment: inherit;
    }
    .section-home-contact {
        padding-top: 20px;
        padding-bottom: 20px;
    }
   
    .swiper-button-next, .swiper-button-prev {
        width: 24px;
        height: 24px;
    }
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 12px;
    }
    .section-home-activity .swiper-activity {
        margin: 0 10px;
    }
    .section-home-activity .swiper-activity .swiper-button-prev,
    .section-home-activity .swiper-activity .swiper-button-next {
        margin-top: -12px;
    }
    .section-home-activity .swiper-activity .swiper-button-prev {
        left: -10px;
    }
    .section-home-activity .swiper-activity .swiper-button-next {
        right: -10px;
    }
    .coverimg.desktop {
        display: none!important;
    }
    .coverimg.mobile {
        display: block!important;
    }
    .section-about-intro {
        padding: 80px 0;
        background-image: url(../img/design/sc-bg-about-clinic-m.jpg);
    }
    .medical-team-grid .team-list {
        width: 100%;
        padding: 0;
    }
    .pagination {
        margin-top: 50px;
    }
    .field-choice {
        display: grid;
        grid-template-columns: auto auto auto auto;
    }
    .field-choice .choice:last-of-type {
        grid-column: span 4;
    }
    .form-style .textinput.auto {
        width: 90%;
    }
    .contact-grid {
        grid-gap: 30px;
    }
    .popup-close {
        top: 20px;
    }
    .popup-content {
        padding: 70px 20px 30px;
    }
    .info-contact-grid {
        grid-gap: 0;
        padding: 30px 20px;
        border-radius: 5px;
        grid-template-columns: 1fr;
        background: #FBFBFB;
    }
    .contact-item {
        height: auto;
        font-size: 16px;
        background: transparent;
        padding: 12px 0 12px 40px;
    }
    .contact-item .ic {
        position: absolute;
        top: 10px;
        left: 0;
        font-size: 22px;
    }
    .contact-item .ic-location {
        font-size: 25px;
    }
    .contact-item .linktext {
        font-size: 16px;
    }
    .section-home-reservation .action-button {
        display: grid;
    }
    .section-home-reservation .heading-h1 {
        font-size: 48px;
    }
    .guidelines-grid {
        grid-gap: 20px;
        grid-template-columns: 1fr;
    }
    .section-guidelines-timeline  {
        padding-top: 60px;
    }
    .guidelines-timeline-item h3 {
        margin-bottom: 15px;
        grid-template-columns: 42px 1fr;
    }
    .guidelines-timeline-item h3 span { 
        width: 42px;
        height: 42px;
        line-height: 42px;
    }
    .guidelines-timeline-item .icon {
        height: 110px;
        margin-bottom: 30px;
    }
    .guidelines-timeline-item {
        height: 345px;
    }
 }

 @media (max-width: 575.98px) { 
    
    .heading-h1, .heading-h2 {
        font-size: 30px;
    }
    .heading.md {
        margin-bottom: 20px;
    }
    .section-full-bgimg .box-content h1 {
        font-size: 40px;
    }
    .grid-list-blog {
        grid-template-columns: 1fr;
    }
    .grid-list-service {
        grid-gap: 8px;
        margin: 0 -8px;
    }
    .item-service .box-caption h3 {
        font-size: 16px;
    }
    .single-block {
        grid-gap: 15px;
    }
    .single-block h2 {
        font-size: 24px;
    }
    .single-block .block-content {
        padding: 15px;
    }
    .cookie {
        width: 100%;
        max-width: 100%;
    }
    .cky-consent-container {
        width: 100%!important;
    }
    button.cky-btn.cky-btn-accept {
        grid-row: 1;
    }
 }