/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

    /* CSS */

}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

    /* CSS */

}

@media (min-width: 1025px) and (max-width: 1199px) {
    .blogpage-post

    /* CSS */
    .overlapped-section h1,
    .home-about h2,
    .home-dividor h2,
    .home-testinomials h2,
    .home-contact-card-heading,
    .profile-content-wrapper h3,
    .details-wrapper h3,
    .wrapper h2 {
        font-size: 2.5rem;
    }

    .patient-details > .p-visitdate {
        font-size: 0.9rem;
    }

    .patient-details > .p-name {
        font-size: 1.8rem;
    }

    .content-wrapper {
        padding-left: 70px;
    }

    .nav-items-right,
    .nav-items {
        padding: 0 15px;
    }

    .blog-card .meta-deta > div,
    .blog-card h3,
    .blog-card p {
        margin-bottom: 5px;
    }

    .main-header .sch-btn,
    .main-header .sch-btn:hover {
        height: 60px !important;
        padding: 16px 10px;
        margin: 0;
        width: 150px;
        line-height: 1.2;
    }

    .footer-small {
        font-size: 0.9rem;
    }

    .floating-box,
    .thankyou-box {
        width: 80%;
    }

    .contact-page-banner .card .row > div,
    .footer-wrapper .card .row > div {
        padding: 0;
    }

    .home-dividor {
        background-color: #005963;
    }

    .home-dividor .dividor-card {
        margin-bottom: 0;
    }

    .home-about,
    .home-testinomials {
        padding: 60px 0;
    }

    .home-contact-us {
        padding: 140px 0 60px 0;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {

    .home-about,
    .home-testinomials {
        padding: 60px 0;
    }

    .contact-page-banner .card .row > div {
        border: none;
    }

    .home-contact-us {
        padding: 140px 0 60px 0;
    }

    .overlapped-section {
        padding: 30px 40px;
    }

    /* CSS */
    .swiper-cont1 .swiper-slide {
        height: 420px;
    }

    .overlapped-section h1,
    .home-about h2,
    .home-dividor h2,
    .home-testinomials h2,
    .home-contact-card-heading,
    .wrapper h2 {
        font-size: 2.5rem;
    }

    .patient-details > .p-visitdate {
        font-size: 0.9rem;
    }

    .patient-details > .p-name {
        font-size: 1.8rem;
    }

    .content-wrapper {
        padding-left: 70px;
    }

    .nav-items-right,
    .nav-items {
        padding: 0 15px;
    }

    .blog-card .meta-deta > div,
    .blog-card h3,
    .blog-card p {
        margin-bottom: 5px;
    }

    .main-header .sch-btn,
    .main-header .sch-btn:hover {
        height: 60px !important;
        padding: 16px 10px;
        margin: 0;
        width: 150px;
        line-height: 1.2;
    }

    .footer-small {
        font-size: 0.9rem;
    }

    .floating-box,
    .thankyou-box {
        width: 80%;
    }

    .contact-page-banner .card .row > div,
    .footer-wrapper .card .row > div {
        padding: 0;
    }

    .home-dividor {
        background-color: #005963;
    }

    .home-dividor .dividor-card {
        margin-bottom: 0;
    }

}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 991px) {
    .nav-items-right {
        position: absolute;
        right: 0;
        top: 0;
    }

    .contact-form-left {
        left: 0;
        top: 0;
        width: 100%;
    }

    .home-contact-card {
        padding: 30px;
    }

    .overlapped-section .center-align {
        margin-bottom: 30px;
    }

    .nav-items > a,
    .nav-items > .dropdown {
        padding: 0 25px;
    }

    .footer-wrapper .content-wrapper {
        padding-left: 0;
    }

    .footer-wrapper .card .row > div {
        border-left: 0;
    }

    .content-wrapper i {
        display: none;
    }

    .overlapped-section .sch-btn {
        font-size: 0.7rem;
    }

    .main-header .logo {
        padding: 30px 0;
    }

    .nav-items {
        float: none;
        width: 100%;
        background-color: #005963;
        z-index: 9;
        position: relative;
        height: 56%;
        border-radius: 10px;
        width: 100%;
    }

    .nav-items-right .top-small-header .social-icons > a {
        margin-left: 0;
    }

    header .social-icons,
    header .contact-details {
        float: none !important;
        width: 100%;
        display: block;
        line-height: 3;
        height: auto;
        text-align: left;
    }

    .home-about,
    .home-testinomials {
        padding: 60px 0;
    }

    .contact-page-banner .card .row > div {
        border: none;
    }

    .home-contact-us {
        padding: 140px 0 60px 0;
    }

    .overlapped-section {
        padding: 30px 40px;
    }

    /* CSS */
    .swiper-cont1 .swiper-slide {
        height: 420px;
    }

    .overlapped-section h1,
    .home-about h2,
    .home-dividor h2,
    .home-testinomials h2,
    .home-contact-card-heading,
    .wrapper h2 {
        font-size: 2rem;
    }

    .patient-details > .p-visitdate {
        font-size: 0.9rem;
    }

    .patient-details > .p-name {
        font-size: 1.8rem;
    }

    .content-wrapper {
        padding-left: 0px;
    }

    .nav-items-right,
    .nav-items {
        padding: 0 15px;
    }

    .blog-card .meta-deta > div,
    .blog-card h3,
    .blog-card p {
        margin-bottom: 5px;
    }

    .main-header .sch-btn,
    .main-header .sch-btn:hover {
        height: 60px !important;
        padding: 16px 10px;
        margin: 0;
        width: 250px;
        line-height: 1.2;
    }

    .footer-small {
        font-size: 0.9rem;
    }

    .nav-items-right .sch-btn i {
        margin-left: 20px;
    }

    .floating-box,
    .thankyou-box {
        width: 80%;
    }

    .contact-page-banner .card .row > div,
    .footer-wrapper .card .row > div {
        padding: 0;
    }

    .home-dividor {
        background-color: #005963;
    }

    .home-dividor .dividor-card {
        margin-bottom: 0;
    }

    header .social-icons {
        display: none;
    }
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .floating-box,
    .thankyou-box {
        width: 80%;
    }

    .swiper-cont1 .swiper-slide {
        height: 500px;
    }
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
    .about-us-wrapper {
        padding: 30px 0;
    }

    .blog-card.news-card p,
    .blog-card.news-card:hover p {
        display: none;
    }

    .blog-card-text {
        min-height: 250px;
    }

    .swiper-cont1 .swiper-slide.slide2 img.background {
        transform: scale3d(-1, 1, 1);
    }

    .overlapped-section-wrapper {
        background-color: #fff;
    }

    .overlapped-section .sch-btn {
        max-width: 200px;
        height: 40px;
        line-height: 40px;
    }

    .wrapper h2 {
        font-size: 1.5rem;
        margin-bottom: 15px;
    }

    .content-wrapper {
        padding-left: 0;
    }

    .overlapped-section-wrapper .content-wrapper i {
        display: none;
    }

    .swiper-cont1 .swiper-slide {
        height: 280px;
    }

    .wrapper p {
        width: 60%;
        font-size: 0.9rem;
    }

    .overlapped-section-wrapper-inner .col-md-4 {
        width: 48%;
        background-color: #e8e8e8;
        padding: 25px;
        margin: 5px;
        border-radius: 8px;
    }

    .overlapped-section {
        margin-top: 0;
    }

    /*.container{
       max-width: 600px;
    }*/
    .wrapper .sch-btn,
    .cta-btn {
        font-size: 0.8rem;
        padding: 10px;
        height: 40px !important;
    }

    .swiper-slide .wrapper2 {
        text-align: left;
    }

    .wrapper2 p {
        float: none;
    }

    .swiper-button-prev1,
    .swiper-button-next1 {
        transform: scale(0.8)
    }

    .swiper-button-prev1,
    .swiper-button-next1 {
        top: 200px;
    }

    .swiper-pagination1 {
        top: 140px;
    }

    .menu {
        right: 40px;
    }

    .overlapped-section h1 {
        font-size: 1.5rem;
        margin-bottom: 30px;
    }

    .overlapped-section {
        padding: 0px;
    }

    .main-header .logo {
        width: 150px;
    }

    .overlapped-section-wrapper,
    .home-testinomials,
    .home-contact-us {
        padding: 30px 0;
    }

    .home-about h2,
    .home-dividor h2,
    .home-testinomials h2,
    .patient-details > .p-name,
    .home-contact-card-heading,
    .details-wrapper h3,
    .page-heading,
    .floating-box h3,
    .thankyou-box h3 {
        font-size: 1.4rem;
        line-height: 1.4;
    }

    .floating-box,
    .thankyou-box {
        width: 100%;
        border-radius: 0;
        height: 100%;
    }

    .floating-box .input-wrapper {
        height: 40px;
    }

    .floating-box .input-wrapper.textarea {
        height: 160px;
        margin-bottom: 0;
    }

    .page-heading,
    .floating-box h3,
    .thankyou-box h3 {
        margin-bottom: 20px;
    }

    body {
        font-size: 14px;
    }

    .dividor-card {
        margin-bottom: 0;
    }

    .home-dividor {
        background-color: #005963;
    }

    .home-about-left img {
        width: 200px;
        margin-bottom: 30px;
    }

    .home-about h2 > span {
        display: inline;
    }

    .home-about h2 {
        margin-bottom: 30px;
    }

    .home-about p {
        font-size: 0.9rem;
        margin-bottom: 20px;
    }

    .home-dividor .input-wrapper > .cta-btn {
        height: 50px !Important;
    }

    .home-testinomials .card {
        margin-bottom: 30px;
    }

    .contact-form-left {
        display: none;
    }

    .home-contact-card {
        padding: 25px;
    }

    .home-contact-card-subheading {
        font-size: 0.9rem;
    }

    .home-contact-us {
        background-color: #00acb1;
    }

    .home-contact-us .input-wrapper {
        width: 48%;
        float: left;
        margin: 4px;
        margin-bottom: 15px;
    }

    .home-contact-us .input-wrapper:first-child,
    .home-contact-us .input-wrapper.textarea {
        width: 100%;
    }

    .home-contact-us .input-wrapper:nth-child(3) {
        margin-right: 0;
        float: right;
    }

    .home-contact-us .input-wrapper.textarea {
        margin-bottom: 20px;
    }

    .submmit-btn {
        width: 100%;
    }

    .inline .input-wrapper {
        width: 100%;
        float: none !important;
    }

    .home-testinomials .card-body {
        padding: 30px 0px;
    }

    .patient-details,
    .p-feedback-star,
    .p-feedback {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0;
    }

    .p-feedback {
        font-size: 0.8rem;
    }

    .p-feedback > span:nth-child(1) {

        left: 10px;
    }

    .p-feedback > span:nth-child(2) {
        right: 25px;
        bottom: -11px;
        line-height: 0;
    }

    .p-feedback-star i {
        font-size: 1.4rem;
    }

    .imagegallerybox > .container > .row,
    .missonbox > .container > .row {
        flex-direction: column-reverse;
    }

    .profile-content-wrapper .contact-details a,
    .profile-content-wrapper .contact-details a:hover {
        font-size: 0.8rem;
    }

    .profile-content-wrapper .profile-image {
        height: 150px;
        width: 150px;
        margin-left: -170px;
    }

    .profile-content-wrapper {
        padding-left: 180px;
    }

    .details-wrapper p {
        font-size: 0.8rem;
    }

    .tab-wrapper .tab {
        padding: 10px;
        font-size: 0.8rem;
    }

    .floating-box .submmit-btn {
        margin-top: -5px;
        width: 33%;
    }
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
    .p-feedback-star {
        padding: 20px;
    }

    #fsubscribe label {
        left: 80px;
    }

    .swiper-cont1 .swiper-slide {
        padding: 4em 0;
    }

    .overlapped-section {
        padding: 30px;
    }

    .overlapped-section h1 {
        font-size: 1.5rem;
        margin-bottom: 30px;
    }

    .overlapped-section h1 > span {
        display: inline
    }

    .overlapped-section .content-wrapper {
        padding-left: 0px !important;
        padding: 20px !important;
        margin-bottom: 30px;
        background-color: #e8e8e8;
        border-radius: 5px;
    }

    .overlapped-section .content-wrapper i {
        margin-left: -60px;
        padding: 10px;
        font-size: 20px;
        border-radius: 5px;
        display: none;
    }

    .overlapped-section .col-md-4:first-child > .content-wrapper {
        text-align: center;
    }

    .overlapped-section-wrapper {
        padding: 0;
    }

    .overlapped-section-wrapper > .container {
        padding: 0;
    }

    .home-about {
        padding: 30px 15px;
    }

    .home-about h2 {
        font-size: 1.5rem;
        margin-bottom: 30px;
    }

    .home-about h2 > span {
        display: inline
    }

    .home-about h4 {
        font-size: 1rem;
        margin-bottom: 10px;
    }

    .dividor-card {
        padding: 30px;
        margin-bottom: 0;
    }

    .home-dividor h2,
    .details-wrapper h3,
    .profile-content-wrapper h3,
    .page-heading {
        font-size: 1.5rem;
    }

    .page-heading {
        margin-bottom: 30px;
    }

    .home-dividor .input-wrapper > .cta-btn {
        padding: 0 10px;
        height: 50px !important;
    }

    .about-us-wrapper p {
        font-size: 0.9rem;
        color: #838383;
    }

    .home-testinomials {
        padding: 100px 0 30px 0px;
    }

    .home-testinomials h2 {
        font-size: 1.5rem;
        text-align: left;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .p-feedback {
        padding: 30px 50px;
    }

    .home-testinomials .card {
        margin-bottom: 30px;
        height: auto;
    }

    .home-testinomials .card-body {
        padding: 30px 0 30px 0;
    }

    .p-feedback > span:nth-child(1) {
        left: 20px;
    }

    .patient-details {
        padding: 0 20px;
    }


    .wrapper h2 {
        font-size: 1.4rem;
        text-align: left;
    }

    .wrapper .sch-btn {
        margin-bottom: 12px;
        display: inline-flex;
        height: 40px !important;
        line-height: 40px;
        font-size: 0.8rem;
    }

    .wrapper p {
        width: 80%;
        text-align: left;
        font-size: 0.9rem;
    }

    .wrapper p > span {
        display: inline
    }

    .overlapped-section {
        margin-top: -10px;
        border-radius: 0;
    }

    .swiper-cont1 .swiper-slide.slide2 img.background {
        transform: scaleX(-1);
    }

    .wrapper p,
    .btn-wrap {
        float: none;
        text-align: left;
        margin-bottom: 30px;
    }

    .home-contact-us {
        padding: 0;
        background-color: #00acb1;
    }

    .home-contact-us .col-sm-7 {
        padding: 0;
    }

    .contact-form-left {
        position: static;
        display: none;
    }

    .home-contact-card-subheading {
        font-size: 1rem;
    }

    .home-contact-card-heading {
        font-size: 2rem;
    }

    .home-contact-card {
        padding: 30px;
        border-radius: 0;
    }

    .home-banner {
        position: relative;
    }

    .home-banner .rel {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 90px;
        padding: 0 30px !important;
        height: 50px;
    }

    .swiper-button-prev1,
    .swiper-button-next1 {
        right: 20px;
    }

    .swiper-button-prev1 {
        right: 70px;
    }

    .swiper-pagination1 {
        right: 20px;
    }

    .dropdown-list > li.dividor {
        display: none;
    }

    .swiper-cont1 .swiper-slide {
        height: 400px;
    }

    #subform label {
        bottom: -32px;
        left: 50%;
        transform: translateX(-50%);
    }

    .profile-content-wrapper {
        padding-left: 0;
    }

    .profile-content-wrapper .profile-image {
        float: none;
        margin: 0 auto;
        margin-bottom: 30px;
        border-radius: 20px;
        overflow: hidden;
    }

    .about-us-wrapper {
        padding: 30px 15px;
    }

    .review-box.achivements {
        padding-left: 0;
    }

    .review-box.achivements .profile-image {
        margin-left: 0;
        float: none;
        margin: 0 auto;
        margin-bottom: 30px;
        width: 100%;
    }

    .profile-content-wrapper h3 {
        text-align: center;
    }

    .profile-content-wrapper p {
        text-align: center;
    }

    .profile-content-wrapper .contact-details a,
    .profile-content-wrapper .contact-details a:hover {
        padding-left: 20px;
    }

    .profile-content-wrapper .contact-details a > i {
        margin-left: -20px;
    }

    .details-wrapper p {
        margin-bottom: 30px;
    }

    .right-wrapper2 .data-card .contact-details > a,
    .right-wrapper2 .data-card .contact-details > a:hover {
        padding-left: 50px;
    }

    .right-wrapper2 .data-card .contact-details > a > i {
        line-height: 40px;
        margin-left: -54px;
        width: 40px;
        height: 40px;
        margin-right: 0;
        border-radius: 50%;
    }

    .right-wrapper2 .data-card .content {
        padding: 0;
    }

    .right-wrapper2 .data-card {
        box-shadow: none;
        margin-bottom: 0;
    }

    .right-wrapper2 .data-card .contact-details > a:last-child {
        margin-bottom: 0;
    }

    .contact-form-left {
        position: static;
    }

    .news-wrapper {
        padding: 30px 0 !important;
    }

    .meta-deta > div {
        font-size: 0.8rem;
    }

    .blog-card .meta-deta {
        /* padding: 0; */
        padding-bottom: 0;
    }

    .blog-card h3 {
        /* padding: 0; */
        margin-top: 21px;
    }

    .blog-card.news-card p {
        display: block;
    }

    .blog-card-text {
        min-height: 300px;
    }

    #subform.type2 label {
        transform: none;
    }

    .review-box .stars {
        float: none;
        margin-top: 5px;
    }

    .review-box .profile-image {
        height: 60px;
        width: 60px;
        line-height: 60px;
        font-size: 32px;
        margin-left: -70px;
    }

    .review-box {
        padding-left: 70px;
    }

    .review-box .desc {
        font-size: 0.9rem;
    }

    .cta-btn {
        height: 40px !important;
        line-height: 40px;
    }

    .overlapped-section .sch-btn {
        height: 40px !important;
        font-size: 0.9rem;
        line-height: 40px;
        max-width: 250px;
    }

    .home-dividor {
        background-color: #005963;
    }

    .patient-details > .p-name {
        font-size: 1.2rem;
    }

    .home-dividor p,
    .home-about p,
    .swiper-slide .post {
        font-size: 0.9rem;
    }

    .contact-page-banner .card {
        padding: 0;
        border: none;
    }

    .contact-page-banner .content-wrapper {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
    }

    .contact-page-banner .content-wrapper i {
        display: none;
    }

    .contact-page-banner .card .row > div {
        padding: 0 15px !important;
        border: none;
        margin-bottom: 30px;
    }

    .contact-page-banner .card {
        margin-bottom: 0;
        box-shadow: none;
    }

    .top-banner {
        height: 100px;
    }

    .top-banner h1 {
        font-size: 1.5rem;
    }

    .contact-page-banner .content-wrapper p,
    .contact-page-banner .content-wrapper h3,
    .footer-wrapper .content-wrapper p,
    .footer-wrapper .content-wrapper p,
    p {
        font-size: 0.9rem;
    }

    .contact-page-banner {
        padding: 30px 0;
    }

    .inline .input-wrapper {
        width: 100%;
        float: none !important;
    }

    .floating-box,
    .thankyou-box {
        width: 100%;
        padding: 60px 20px;
        height: 100%;
        border-radius: 0;
    }

    .floating-box .input-wrapper.textarea {
        height: 150px;
    }

    .floating-box h3,
    .thankyou-box h3 {
        font-size: 1.5rem;
        margin-bottom: 20px;
    }

    .floating-box .submmit-btn {
        margin-top: 20px;
    }

    .floatingform-wrapper {
        z-index: 999;
    }

    @keyframes slideleft {
        from {
            right: -100%;
        }

        to {
            right: -0%;
        }
    }

    .floating-box:before,
    .thankyou-box:before,
    .floating-box:after,
    .thankyou-box:after {
        width: 100%;
    }

    .floating-box:after,
    .thankyou-box:after {
        z-index: 2;
    }

    @keyframes slideleft2 {
        from {
            right: -100%;
        }

        to {
            right: -00%;
        }
    }

    .floating-box h3 > i {
        margin-right: 5px;
    }

    .review-box .Name {
        margin-bottom: 10px;
    }

    .right-wrapper2 .data-card p {
        color: #fff;
    }

    .Gallery-image-main {
        height: 120px;
        border: 1px solid #e8e8e8;
    }

    .page-heading > .viewport {
        display: none;
    }

    .imagegallerybox > .container > .row,
    .missonbox > .container > .row {
        flex-direction: column-reverse;
    }

    .page-heading .page-link-galery {
        text-align: left;
        position: absolute;
        top: -10px;
        left: 0;
        padding: 0;
        display: block;
        width: 100%;
    }

    .blogpage-post {
        margin-bottom: 30px;
        border-radius: 0;
    }
    .blog-details .col-lg-8{
        padding: 0;
    }
    #videosegment{
        height: 250px;
    }
    .detailed-post .post-meta > span.share{
        width: 100%;
        padding: 20px;
    }
    
    .post-heading{
        font-size: 1.5rem;
    }
    .blog-details{
        padding: 0;
    }
    .m-bp-60{
        margin-bottom: 60px !Important;
    }
}

#mainheader.fix ~ .about-us-wrapper, #mainheader.fix ~ .blog-details{
    margin-top: 90px;
}