@media screen and (min-width:1900px) and (max-width: 2560px) {
    .post-type-archive-photo-gallery .sidebar-blog {
        padding-left: 0;
    }

    .state-bg h2.orange-side {
        left: -9vw;
    }

    .pad-md {
        padding: 6vw 6vw 6vw 15vw;
    }

    .page-header h1 {
        margin-bottom: 17vh;
    }

    .gallery-link-parent i {
        right: 10px;
    }

    .header-static div.logo, #main-menu div.logo {
        position: absolute;
        top: 55px;
        left: 75px;
        height: 100px;
        width: 110px;
    }

    /*header.header-sticky .logo {*/
    /*height: 50px;*/
    /*width: 40px;*/
    /*margin-left: 30px;*/
    /*}*/

    header.header-sticky .logo {
        display: none;
    }

    header.header-sticky nav li a {
        padding: 0 8px;
        margin-left: 45px;
    }


    .location-section .line {
        /*top: 20px;*/
        /*transform: rotate(10deg);*/
        /*left:305px;*/
        /*width:106% ;*/
        display: none;
    }

    .location-section .lower-box .line {
        /*transform: rotate(-12deg);*/
        /*top: 30px;*/
        /*left:230px;*/
        /*width:106% ;*/
        display: none;
    }

    .hero-section h1 {
        font-size: 75px;
        line-height: 80px;
        /*margin-bottom: 50px;*/
    }

    #main-menu nav ul li a {
        font-size: 40px;
        letter-spacing: 3.5px;
        line-height: 56px;
    }

    #main-menu nav ul li .sub-menu li a {
        font-size: 24px;
        line-height: 45px;
    }

    .timeline-container {
        height: 267px;
    }

    .timeline-container .sub-menu {
        width: 58vw;
    }

    .dark-background {
        background-position: 13%;
    }

    .sidebar-blog li.cat-item span {
        right: 5px;
    }

    .section-slider .swiper-button-prev {
        left: 55px;
    }

    .three-columns {
        column-gap: 5vw;
    }

    .three-columns .orange-side {
        overflow: visible;
    }

    .three-columns .orange-side .over-hide {
        left: 0 !important;
    }

    .contact-bg {
        background-position: center;
    }

    .three-images img {
        width: 41vw;
        box-shadow: -30px 30px 50px 0 rgba(0, 0, 0, 0.25)
    }
}

@media screen and (max-width: 1900px) {
    .post-type-archive-photo-gallery .sidebar-blog {
        padding-left: 0;
    }

    .state-bg h2.orange-side {
        left: -9vw;
    }

    .pad-md {
        padding: 6vw 6vw 6vw 15vw;
    }

    .page-header h1 {
        margin-bottom: 17vh;
    }

    .gallery-link-parent i {
        right: 10px;
    }

    header.header-sticky .logo {
        height: 50px;
        width: 40px;
        margin-left: 30px;
    }

    header.header-sticky nav li a {
        padding: 0 8px;
        margin-left: 35px;
        font-weight: 500;
    }

    .location-section .line {
        top: 20px;
        transform: rotate(15deg);
    }

    .location-section .lower-box .line {
        transform: rotate(-15deg);
        top: 25px;
    }

    .hero-section h1 {
        font-size: 70px;
        line-height: 80px;
        /*margin-bottom: 50px;*/
    }

    #main-menu nav ul li a {
        font-size: 40px;
        letter-spacing: 3.5px;
        line-height: 56px;
    }

    #main-menu nav ul li .sub-menu li a {
        font-size: 24px;
        line-height: 45px;
    }

    .timeline-container {
        height: 267px;
    }

    .timeline-container .sub-menu {
        width: 58vw;
    }

    .dark-background {
        background-position: 13%;
    }

    .sidebar-blog li.cat-item span {
        right: 5px;
    }

    .section-slider .swiper-button-prev {
        left: 55px;
    }

    .three-columns {
        column-gap: 5vw;
    }

    .three-columns .orange-side {
        overflow: visible;
    }

    .three-columns .orange-side .over-hide {
        left: 0 !important;
    }

    .contact-bg {
        background-position: center;
    }

}


@media screen and (max-width: 1441px) {


    #main-menu nav ul li .sub-menu li a {
        font-size: 19px;
        letter-spacing: 3px;
    }

    header.header-sticky .logo {
        height: 50px;
        width: 40px;
        margin-left: 30px;
    }

    header.header-sticky nav li a {
        padding: 0 5px;
        font-size: 14px;
    }

    header.header-sticky .btn-primary {
        letter-spacing: 2px;
    }

    header.header-sticky .btn-primary i {
        display: none;
    }

    header.header-sticky .logo {
        height: 40px;
        /*width: 225px;*/
    }

    .orange-side{
        margin-left: 30px;
    }

    .header-left h2.orange-side {
        max-width: 151%;
    }

    .half-gray {
        margin-bottom: -1px;
    }

    .section-slider .swiper-button-prev {
        left: 25px;
    }

    #main-menu nav ul li a {
        font-size: 35px;
        line-height: 50px;
    }

    .location-section .line {
        transform: rotate(29deg);
    }

    .location-section .lower-box .line {
        transform: rotate(-29deg);
    }

    .three-columns {
        -webkit-column-count: 2;
        column-count: 2;
        column-gap: 8vw;
    }

    .related-article h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .contact-box h2 {
        left: -22vw;
    }

    .sidebar-blog li.cat-item span {
        right: -28px
    }

    .dark-background {
        background-position: 23%;
    }

    footer ul#menu-footer-menu li {
        margin: 0 12px;
    }

    .location-section .line {
        /*top: 20px;*/
        /*transform: rotate(15deg);*/
        display: none;
    }

    .location-section .lower-box .line {
        /*transform: rotate(-15deg);*/
        /*top: 25px;*/
        display: none;
    }
}

@media screen and (max-width: 1199px) {

    .three-images img {
        width: 90vw;
    }

    .three-images img:first-child {
        left: 50px;
        top:50px;
    }

    .three-images img:last-child {
        display: none;
    }
    .pad-35 {
        padding: 0 15px;
    }

    .three-columns {
        -webkit-column-count: 1;
        column-count: 1;
        column-gap: 0;
    }

    #main-menu #menu-images {
        padding-left: 6vw;
    }

    .timeline-container .sub-menu {
        max-width: 73vw;
    }

    .header-static div.logo {
        top: 30px;
        left: 33px;
    }

    .header-static .mytouch-portal {
        top: 52px;
        right: 81px;
        text-transform: uppercase;
    }

    #menu-icon {
        top: 47px;
        right: 33px;
    }

    #main-menu .mytouch-portal {
        top: 50px;
        right: 65px;
    }

    #main-menu nav ul li .sub-menu li a {
        font-size: 20px;
        line-height: 35px;
    }

    header.header-sticky .logo {
        height: 50px;
        width: 40px;
        margin-left: 30px;
    }

    header.header-sticky .btn-primary i {
        display: block;
        margin: 0;
    }

    header.header-sticky .btn-primary span {
        display: none;
    }

    header.header-sticky nav li a {
        font-size: 13px;
        padding: 0 5px;
    }

    .hero-section, .page-header {
        min-height: 960px;
    }

    .hero-section2, .page-header {
        min-height: 960px;
    }

    .page-header {
        min-height: 500px;
        height: 100vh;
    }

    .hero-section h1 {
        font-size: 80px;
        line-height: 94px;
    }

    .white-bg .testimonial-block {
        margin-bottom: 70px;
    }

    .section-slider .swiper-button-next {
        right: 5px;
    }

    .section-slider .swiper-button-prev {
        left: 5px;
    }

    .section-slider h2 {
        font-size: 54px;
        line-height: 65px;
    }

    .location-marker:nth-child(3) .line {
        display: none;
    }

    .doctor-section {
        display: inline-block;
    }

    .doctor-section .item {
        padding: 25px 0;
    }

    .location-section .location-marker {
        width: 17.125vw;
    }

    .contact-box {
        padding: 10vh 7vw;
    }

    .contact-locations .location-marker {
        float: left;
        width: 50%;
    }

    .contact-locations h2.orange-side {
    }

    .padding-sides {
        padding-left: 15px;
        padding-right: 15px;
        margin: 0;
    }

    footer.container-fluid {
        padding: 150px 15px 46px;
    }

    footer .top-footer .col-12 {
        margin-bottom: 70px;
    }

    footer .social-icons {
        margin: 50px 15px 36px;
    }

    .copyright {
        padding: 0 15px;
    }

    .logo .logo {
        margin-left: 0 !important;
    }

    .location-section .line {
        /*top: 20px;*/
        /*transform: rotate(15deg);*/
        display: none;
    }

    .location-section .lower-box .line {
        /*transform: rotate(-15deg);*/
        /*top: 25px;*/
        display: none;
    }
}

@media screen and (max-width: 991px) {
    body::before, body::after {
        display: none;
    }

    .contact-bg {
        padding: 0 !important;
    }

    #main-menu #menu-images {
        padding-left: 0;
    }

    .header-static div.logo, #main-menu div.logo {
        height: 50px;
        /*width: 288px;*/
    }

    .smaller-padding {
        padding: 165px 0 150px;
    }

    header.header-sticky {
        display: none;
    }

    header.header-static.scrolling {
        position: fixed;
        background: #f7f7f7;
        top: 0;
        width: 100%;
        height: 70px;
        padding: 10px 0 10px 0;
    }

    .header-static.scrolling div.logo, .header-static.scrolling .mytouch-portal {
        top: 5px;
        height: 50px;
        width: 40px;
        left: 50%;
        transform: translateX(-50%);
    }

    header.scrolling #menu-icon {
        top: 15px;
        right: 15px;
    }

    header.scrolling .mytouch-portal {
        display: none;
    }

    header.scrolling .btn-primary {
        display: block;
        height: 40px;
        width: 40px;
        position: absolute;
        top: 10px;
        left: 15px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    header.scrolling .btn-primary span {
        display: none;
    }

    header.scrolling .btn-primary span i {
        margin: 0;
    }

    .hero-section h1 {
        font-size: 59px;
        line-height: 1.3em;
    }

    .two-columns {
        -webkit-column-count: 1;
        column-count: 1;
    }

    #main-menu nav ul li a {
        font-size: 25px;
        line-height: 40px;
    }

    .timeline-container .timeline-slide > li > .button-container > a, .timeline-container .timeline-slide > li > .button-container .timeline-item {
        font-size: 43px;
    }

    .hide-md {
        display: none !important;
    }

    .hide-desktop {
        display: block;
    }

    .home .ba-gallery h2{
        /*right: 0;*/
        width: 100%;
        /*text-align: right;*/
        top: 0;
    }

    .home .ba-gallery .gallery-home {
        display: inline-block;
        width: 100%;
        margin-top: 70px;
        margin-bottom: 0;
    }

    .home .ba-gallery .gallery-home .ba-link {
        width: calc(50% - 23.5px);
        height: 53vh;
        float: left;
        top: 0;
        left: 0;
        display: block;
        margin-bottom: 50px;
    }

    .home .ba-gallery .gallery-home .ba-link:nth-child(2), .home .ba-gallery .gallery-home .ba-link:nth-child(4) {
        margin-left: 47px;
    }

    .home .ba-gallery .gallery-home .ba-link .btn-primary {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        white-space: normal;
    }

    .home .ba-gallery .gallery-home .ba-link.primary-link img {
        opacity: 0;
    }

    .orange-side .over-hide {
        left: 0;
    }

    body .outside-lines {
        width: 80%;
    }

    .header-static #mount, .header-static #nyg-logo {
        opacity: 1;
    }

    .timeline-container .timeline-slide {
        opacity: .4
    }

    .recent-blog-container .slide-content.d-flex {
        display: block !important;
    }

    .recent-blog-container h2 {
        margin-bottom: 70px;
    }

    .white-bg .flex .item:first-child h3, .gray-bg .flex .item:first-child h3 {
        font-size: 18px;
        letter-spacing: 0px;
        line-height: 32px;
    }

    .three-images img {
        width: 90vw;

    }

    .three-images img:first-child {
        top: 20px;
        left: 30px;

    }
    .three-images img:last-child{
        left: 30px;
        display: none;

    }

    .three-images {
        margin-bottom: 74px;
    }

    .header-left h2.orange-side {
        max-width: 133%;
        left: -10vw;
    }

    .double-pattern {
        margin-top: 70px;
    }

    .white-bg .testimonial-block {
        margin-bottom: 70px;
        margin-top: 70px;
    }

    .white-bg h3 {
        text-transform: capitalize;
    }

    .three-images.right-images {
        margin-top: 70px;
    }

    .gray-box {
        margin-top: 70px;
        padding: 45px 60px;
    }

    .white-bg h2 {
        letter-spacing: 1px;
    }

    .left-header h2.orange-side {
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 5px;
        line-height: 50px;
        text-transform: uppercase;
    }

    .back-pattern {
        padding: 0;
        margin-top: 70px;
    }

    .double-pattern img {
        width: 100%;
        margin-bottom: 70px;
    }

    .pad-md {
        padding: 0;
    }

    .state-bg h2.orange-side {
        left: -9vw;
        width: 600px;
        max-width: 122%;
    }

    .state-bg {
        background: none !important;
    }

    .dark-background::before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        position: absolute;
        top: 0;
        left: 0;
    }

    .testimonial-block h2 {
        position: relative;
        top: 0;
        transform: none;
        left: 0;
        width: 62vw;
        margin-bottom: 70px;
    }

    .testimonial-block .swiper-button-next {
        right: 36%;
        left: auto;
        bottom: 44px;
        top: auto;
    }

    .testimonial-block .swiper-button-prev {
        left: 36%;
        right: auto;
        bottom: 44px;
        top: auto;
    }

    .swiper-pagination {
        z-index: 1;
    }

    .testimonial-block .swiper-button-prev, .testimonial-block .swiper-button-next {
        z-index: 2;
    }

    .testimonial-container {
        overflow: visible !important;
    }

    .testimonial-block .slide-content .orange-circle {
        left: 50%;
        transform: translateX(-50%)
    }

    .testimonial-container #quote-svg {
        width: 70px
    }

    .location-section {
        background-size: cover;
    }

    .location-section h2 {
        width: 120%;
        margin: 0 auto;
        left: -8.5vw;
        margin-bottom: 70px;
    }

    .location-section .location-marker {
        width: 50%;
        margin: 0;
    }

    .location-section .marker-box {
        margin-top: 0 !important;
        margin-bottom: 50px;
    }

    .location-section .marker-box .line {
        display: none;
    }

    .location-section .justify-content-center .justify-content-center {
        justify-content: flex-start !important;
    }

    .contact-box {
        padding: 20vh 17vw;
        background-color: rgba(0, 0, 0, .3);
    }

    .contact-box h2 {
        position: relative;
        left: -8.5vw;
        width: 500px;
        margin-bottom: 70px;
    }

    .contact-box .gform_footer.top_label {
        margin-left: 0;
    }

    .contact-footer.top-padding {
        padding-top: 0;
    }

    .sidebar-blog h3 {
        text-transform: uppercase;
        margin-bottom: 40px;
    }

    .sidebar-blog .widget {
        display: none;
    }

    .gallery-dropdowns .item {
        width: 50%;
        padding: 0 10px;
    }

    #procedure-drop, #doctor-drop {
        display: block;
        width: 100%;
        position: relative;
        color: #1C1E20;
        font-family: 'IRANSans';
        font-size: 16px;
        font-weight: bold;
        line-height: 19px;
        padding-bottom: 26px;
        height: 45px;
        margin: 35px 0;
        border-bottom: 1px solid #D8D8D8;
        z-index: 9;
        padding: 0 5px;
    }

    #doctor-drop {
        z-index: 8;
    }

    #doctor-drop li {
        list-style: none;
    }

    #doctor-drop li a {
        display: block;
        padding: 5px 15px;
    }

    #procedure-drop i, #doctor-drop i {
        position: absolute;
        right: 5px;
        top: 2px;
        cursor: pointer;
    }

    #procedure-drop .gallery-cat {
        background: #fff;
    }

    .sidebar-blog .widget ul li a::before, .sidebar-blog .gallery-cat li::before {
        display: none !important;
    }

    .sidebar-blog .widget ul li a, .sidebar-blog .gallery-cat li {
        line-height: 1em;
    }

    #procedure-drop .gallery-cat .gallery-link {
        display: block;
        padding: 10px 15px;
        color: #000;
    }

    #procedure-drop .border-dropdown, #doctor-drop .border-dropdown {
        box-shadow: rgba(0, 0, 0, .1) 0px 0px 20px;
        padding: 12px 0;
        z-index: 9;
        background: #fff;
        display: none;
    }

    #procedure-drop .border-dropdown.active, #doctor-drop .border-dropdown.active {
        display: block;
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        padding: 0;
    }

    #procedure-drop .gallery-cat .gallery-link:hover {
        background: #F5F5F5;
    }

    .gp-container .swiper-slide {
        width: 74.7vw;
    }

    .gallery-block .swiper-button-prev {
        background: #000 !important;
        color: #fff;
        left: 0;
        height: 45px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .gallery-block .swiper-button-next {
        background: #000 !important;
        color: #fff;
        right: 0;
        height: 45px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #gallery-top {
        padding: 0;
    }

    .gallery-block h5, .gallery-block h3 {
        left: 11vw;
        position: relative;
    }

    .grid-sizer, .grid-item {
        width: 40%;
        margin-left: 5%;
    }

    .single img.alignright {
        max-width: 100%;
        float: none;
        display: block;
        margin: 0 0 70px;
    }

    #related-posts .two-columns {
        -webkit-column-count: 1;
        column-count: 1;
        column-gap: 0;
    }

    .gallery-block h5, .gallery-block h3 {
        left: 0;
    }

    .block-image a {
        padding: 40px;
    }

    .related-article img {
        max-width: 100%;
        margin: 0 0 25px 0;
    }

    .related-article {
        margin-bottom: 35px;
    }

    .person-block img {
        width: 200px
    }

    footer .border-right {
        border-right: 0 !important;
    }

    footer .social-icons {
        justify-content: center;
    }

    footer .social-icons li {
        margin: 0 10px;
    }

    footer .copyright {
        display: block !important;
    }

    footer .copyright .item, footer .d-flex .item:last-child {
        width: 100%;
        text-align: center;
        margin-bottom: 14px;
    }

    footer .top-footer .col-12 {
        padding: 0;
    }

    .hero-section {
        background-attachment: scroll;
        background-position: 64%;
        align-items: flex-end;
        min-height: 100vh;
    }

    .hero-section2 {
        background-attachment: scroll;
        background-position: 64%;
        align-items: flex-end;
        min-height: 100vh;
    }

    .timeline-container {
        height: 210px;
    }

    .timeline-arrows {
        padding: 10px 15px;
    }

    .timeline-container .line {
        bottom: 25px;
    }

    .timeline-container span.nav-span {
        height: 30px;
        margin-top: 9px;
    }

    .timeline-container .timeline-slide .button-container::before {
        height: 15px;
        top: calc(100% - 5px)
    }

    .timeline-container .timeline-slide .button-container {
        margin-bottom: 50px;
    }

    .section-slider {
        height: auto;
        display: flex;
    }

    .recent-blog-container .slide-content.d-flex {
        padding: 11vw 0;
    }
    #menu-icon path{
        fill:  rgba(0, 113, 141, 1);
    }

    .full-section{
        min-height: 600px;
    }

    .location-box{
        padding: 0 0 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .two-columns {
        -webkit-column-count: 1;
        column-count: 1;
        column-gap: 0;
    }

    #menu-icon path{
        fill:  rgba(0, 113, 141, 1);
    }

    .section-padding {
        padding: 100px 0;
    }

    .section-padding-t {
        padding-top: 100px;
    }

    .top-padding {
        padding-top: 100px;
    }

    .bottom-padding {
        padding-bottom: 100px;
    }

    .header-static .mytouch-portal {
        display: none;
    }

    .timeline-container {
        display: none !important;
    }

    .hero-section, .page-header {
        min-height: 640px;
    }

    .hero-section2, .page-header {
        min-height: 640px;
    }

    .hero-section {
        overflow: visible;
        z-index: 8;
        align-items: center;
    }

    .hero-section2 {
        overflow: visible;
        z-index: 8;
        align-items: center;
    }

    .hero-section h1 {
         /*margin-bottom: 5px;*/
         font-size: 34px;
         line-height: 40px;
     }
    .hero-section h3 {
        margin-bottom: 20px;
    }

    .hero-section2 h1 {
        margin-bottom: 40px;
        font-size: 45px;
        line-height: 53px;
    }

    .hero-section .block-content {
        overflow: visible;
    }

    .white-bg h2 {
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 45px;
    }

    .page-header h1 {
        color: #fff;
        margin-bottom: 70px;
        font-size: 35px;
        font-weight: 800;
        line-height: 50px;
    }

    .page-header.small-header h1.pad-bottom {
        padding-bottom: 70px;
    }

    .page-header, .page-header.small-header, .page-header.smaller-header {
        min-height: 400px;
        height: 50vh;
    }

    .left-header h2 {
        max-width: 100%;
        position: relative;
        left: 0;
        margin-bottom: 45px;
    }

    .state-bg h2.orange-side {
        left: 0;
        width: 100%;
        max-width: 100%;
    }

    .contact-locations h2.orange-side {
        width: 100%;
    }

    .contact-bg {
        padding: 0 !important;
    }

    #procedure-select {
        height: 50px;
        width: 100%;
        border-radius: 7px;
        background-color: #16181B;
        display: block;
        color: #A1A5A8;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.5px;
        line-height: 34px;
        position: relative;
        padding: 8px 20px;
    }

    #procedure-select .menu-button {
        height: 12px;
        width: 16px;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }

    #procedure-select .menu-button::before, #procedure-select .menu-button::after {
        display: block;
        content: '';
    }

    #procedure-select .menu-button span, #procedure-select .menu-button::before, #procedure-select .menu-button::after {
        display: block;
        width: 100%;
        height: 2px;
        background: #A1A5A8;
    }

    #procedure-select .menu-button span {
        margin: 2px 0;
    }

    #procedure-select .sub-menu, #procedure-select .main-nav {
        display: none;
    }

    #procedure-select .main-nav.active {
        display: block;
        z-index: 5;
        background: #16181B;
        height: auto;
        position: absolute;
        width: 100%;
        color: #fff;
        padding: 0;
        left: 0;
        list-style: none;
    }

    #procedure-select .main-nav li a {
        color: #A1A5A8;
        display: block;
        padding: 2px 20px;
    }

    #procedure-select .main-nav li {
        position: relative;
    }

    #procedure-select .main-nav li i {
        position: absolute;
        right: 20px;
        top: 20px;
        transform: translateY(-50%);
        font-size: 15px;
        cursor: pointer;
    }

    #procedure-select .main-nav li.item.active .sub-menu {
        display: block;
        padding-left: 15px;
        list-style: none;
    }

    #procedure-select .main-nav li.item.active i:before {
        content: '\f068' !important;
    }

    .home .ba-gallery h2 {
        width: 100%;
        top: 0;
    }

    .home .ba-gallery .gallery-home .ba-link {
        width: 100%;
    }

    .home .ba-gallery .gallery-home .ba-link:nth-child(2), .home .ba-gallery .gallery-home .ba-link:nth-child(4) {
        margin-left: 0;
    }

    .home .ba-gallery .gallery-home .ba-link.primary-link img {
        opacity: 0;
        display: none;
    }

    .home .ba-gallery .gallery-home .ba-link .btn-primary {
        width: 100%;
        height: 64px;
        position: relative;
        top: 0;
        left: 0;
        white-space: normal;
        justify-content: center;
    }

    .home .ba-link h3 {
        height: auto;
        width: 100%;
    }

    .faqs h2 {
        width: 100%;
        left: 0;
    }

    .faqs h3 {
        padding-right: 0;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 3px;
        line-height: 36px;
    }

    .faqs h3 i {
        height: 40px;
        width: 100%;
        border: 1px solid #1C1E20;
        border-radius: 20px;
        position: relative;
        top: 0;
        bottom: 0;
        transform: none;
        margin-top: 15px;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1.71px;
        line-height: 14px;
        text-align: center;
    }

    .faqs h3 .fa-plus:before {
        left: 0;
        position: relative;
        content: 'READ MORE' !important;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1.71px;
        line-height: 14px;
        text-align: center;
        font-family: 'IRANSans';
    }

    #main-menu.open {
        left: 0px;
        overflow: scroll;
        display: inline-block !important;
    }

    .section-slider {
        height: 576px;
    }

    .section-slider h2 {
        font-size: 35px;
        line-height: 50px;
    }

    .section-slider .slide-content p {
        display: none;
    }

    .why-choose .nopad {
        padding: 0 15px;
    }

    .header-left h2.orange-side {
        max-width: 100%;
        left: 0;
    }

    .testimonial-block h2 {
        width: 100%;
    }

    .testimonial-container #quote-svg {
        display: none;
    }

    .testimonial-container .slide-content {
        padding: 120px 30px 60px;
    }

    .testimonial-block .swiper-button-next {
        right: 30%;
    }

    .testimonial-block .swiper-button-prev {
        left: 30%;
    }

    .location-section h2 {
        width: 100%;
        left: 0;
        margin-bottom: 50px;
    }

    .marker-box .fa-map-marker-alt {
        font-size: 66px;
        margin-bottom: 30px;
    }

    .location-section .justify-content-center .justify-content-center {
        padding: 0 15px;
    }

    .timeline-arrows {
        display: none;
    }

    .grid-sizer, .grid-item {
        width: 90%;
        margin-left: 5%;
    }

    .blog-grid .grid-item:nth-child(4) {
        margin-top: 60px;
    }

    .gallery-shortcode .swiper-container {
        overflow: visible;
    }

    .gallery-shortcode .swiper-slide {
        opacity: 0;
    }

    .gallery-shortcode .swiper-slide.swiper-slide-active {
        opacity: 1;
    }

    .gallery-shortcode .swiper-button-prev {
        left: -30px;
        width: 22px;
    }

    .gallery-shortcode .swiper-button-next {
        right: -30px;
        width: 22px;
    }

    .gallery-shortcode {
        margin-bottom: 0;
    }

    .white-bg .flex, .gray-bg .flex {
        display: block;
    }

    .white-bg .flex .item:first-child h3, .gray-bg .flex .item:first-child h3 {
        text-align: left;
        margin: 25px 0;
    }

    .back-pattern.doc-alignright {
        max-width: 100%;
        float: none;
        margin: 0 0 70px;
    }

    #main-menu nav {
        width: 100%;
        padding: 100px 35px;
        display: inline-block !important;
    }

    #main-menu nav ul.sub-menu {
        padding-left: 20px;
    }

    #main-menu nav ul li:hover .sub-menu {
        display: none !important;
        position: relative;
        left: 0;
        width: 100%;
        top: 0;
        transform: none;
        height: auto;
    }

    #main-menu nav ul li {
        position: relative;
    }

    #main-menu nav ul li i {
        position: absolute;
        right: 10px;
        top: 12px;
        cursor: pointer;
    }

    #main-menu nav ul li.open .sub-menu {
        display: block !important
    }

    .contact-box {
        padding: 100px 45px;
    }

    .contact-box h2 {
        position: relative;
        left: 0;
        width: 100%;
        margin-bottom: 50px;
    }

    footer .top-footer .col-12 {
        padding: 0;
    }

    footer.container-fluid {
        padding: 150px 0 0;
    }

    footer.container-fluid > .row {
        margin: 0;
    }

    .btn-hero {
        display: flex;
        width: 350px;
        margin: 0 auto;
        max-width: 100%;
        justify-content: center;
    }

    .gallery-home .primary-link.hide-desktop.ba-link {
        height: auto;
        margin-bottom: 0;
    }

    .location-box{
        padding: 0;
    }

    .mytouch-portal .right-line {
        width: 1px;
        height: 30px;
        position: absolute;
        right: 0;
        background: rgba(255, 255, 255, .2);
    }

    .header-static .mytouch-portal a, #main-menu .mytouch-portal a {
        display: block;
        color: #FFFFFF;
        height: 20px;
        font-family: 'IRANSans';
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 1px;
        line-height: 14px;
        opacity: 1;
    }
}

@media screen and (max-width: 565px) {
    .hero-section .column-content {
        padding-top: 10vh;
    }

    .btn-hero {
        font-size: 12px;
    }

    .section-padding {
        padding: 80px 0;
    }

    .section-padding-t {
        padding-top: 80px
    }

    .smaller-padding {
        padding: 60px 0;
    }

    .page-header.small-header h2 {
        color: #A6ABB3;
        margin-bottom: 70px;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 0;
    }

    .page-header.small-header, .page-header.smaller-header, .page-header {
        max-height: 270px;
        min-height: 270px;
        margin: 0;
    }

    .page-header.small-header .col-10, .page-header.smaller-header .col-10, .page-header .col-10 {
        padding: 0;
    }

    .page-header h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 25px;
    }

    .left-header h2.orange-side {
        text-transform: uppercase;
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 45px;
        margin-bottom: 20px;
    }

    .header-static div.logo {
        width: 100px;
        height: 35px;
        left: 15px;
        display: block;
    }

    .header-static.scrolling div.logo, .header-static.scrolling .mytouch-portal {
        top: 6px;
        height: 45px;
        width: 45px;
    }

    #main-menu .mytouch-portal {
        top: 36px;
        right: 65px;
    }

    .hero-section {
        background-position: center !important;
    }

    .hero-section2 {
        background-position: center !important;
    }

    .person-block img {
        width: 100%;
    }

    #menu-images .menu-slider-wrapper img {
        width: 100%;
        height: auto;
    }

    #main-menu .menu-container .menu-slide {
        max-width: 100vw;
        align-items: center;
        display: inline-flex;
    }

    .close::after, .close::before {
        right: 50%;
    }

    #main-menu nav ul li .sub-menu li a {
        font-size: 16px;
    }

    #main-menu .menu-slide.slide-active img {
        opacity: .3;
    }

    .home .ba-gallery .gallery-home .ba-link {
        height: auto;
    }

    .img-wrap {
        height: 45vh;
    }

    .home .ba-gallery .gallery-home .ba-link h3 {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .doctor-section .item img {
        width: 100%;
        float: none;
        margin: 0 0 30px;
    }

    h2 {
        font-size: 30px;
        /*line-height: 45px;*/
    }

    .home .ba-gallery .gallery-home .ba-link h3 {
        position: relative;
        /*top: 0;*/
        left: 30px;
        bottom: 15px;
        margin-top: 25px;
        line-height: 40px;
        font-size: 25px;
        letter-spacing: 4px;
    }

    .three-images {
        max-height: 577px;
    }

    .three-images img {
        width: 300px;
        margin-top: 60px;
    }

    .three-images img:first-child {
        position: absolute;
        left: 0;
    }

    .three-images img:last-child {
        position: absolute;
        display: block;
        left: 0;
        top:250px;
    }

    .white-bg h3 {
        margin-bottom: 15px;
    }

    .header-static div.logo {
        width: 80px;
        height: 35px;
        left: 30px;
    }

    #menu-icon {
        top: 32px;
        /*right: 45px;*/
    }

    .orange-side {
        padding: 0;
        margin-left: 0;
    }

    .orange-side h2{
        font-size: 24px;
        line-height: 25px;
    }

    h2 span{
        line-height: 20px;
        font-size: 24px;
    }

    .orange-side .o-left, .orange-side .o-bottom {
        display: none !important;
    }

    .home .ba-gallery .gallery-home .ba-link .btn-primary {
        height: 80px;
    }

    .home .ba-gallery {
        padding: 165px 0 100px;
    }

    .section-slider h2 {
        letter-spacing: -1px;
    }

    .recent-blog-container .swiper-button-next {
        right: 20%;
        left: auto;
        bottom: 44px;
        top: auto;
    }

    .recent-blog-container .swiper-button-prev {
        left: 20%;
        right: auto;
        bottom: 44px;
        top: auto;
    }

    .recent-blog-container .fa-arrow-right:before {
        content: '\f054';
    }

    .recent-blog-container .fa-arrow-left:before {
        content: '\f053';
    }

    .three-images {
        max-height: 577px;
    }


    .block-image {
        height: 270px;
    }

    .block-image h5 {
        font-size: 18px;
        letter-spacing: 0.56px;
        line-height: 34px;
    }

    .block-image h4 {
        font-size: 25px;
        font-weight: bold;
        letter-spacing: 4px;
        line-height: 40px;
    }

    .block-image a {
        padding: 50px 30px;
    }

    .testimonial-block .swiper-button-next {
        right: 14%;
    }

    .testimonial-block .swiper-button-prev {
        left: 14%;
    }

    .testimonial-container .slide-content {
        font-size: 20px;
        line-height: 38px;
    }

    .gray-box {
        margin-top: 50px;
        padding: 25px 30px;
    }

    .dark-background {
        background-position: 12%;
    }

    .d-flex.gallery-dropdowns {
        display: block !important;
    }

    .gallery-dropdowns .item {
        width: 100%;
    }

    .gallery-block .swiper-container {
        padding-left: 45px;
    }

    .gp-container .swiper-slide {
        width: calc(100% - 45px);
    }

    .section-slider .swiper-slide {
        background-position: 39%;
    }

    .location-section {
        background-image: none !important;
    }

    .location-section .location-marker {
        width: 100%;
    }

    .location-section .marker-box {
        margin-bottom: 40px;
    }

    .contact-locations .location-marker {
        float: none;
        width: 100%;
    }

    .related-article img {
        max-width: 100%;
        float: none;
        margin: 0 0 30px;
    }

    .related-article {
        margin-bottom: 50px;
    }

    .flex .item:nth-child(2) {
        padding-left: 0;
    }

    .white-bg ul, gray-bg ul {
        padding-left: 15px;
    }

    .contact-box {
        padding: 100px 35px;
    }

    .form-link {
        display: flex;
        height: 80px;
        width: 100%;
        justify-content: center;
    }

    .contact-footer {
        background-attachment: scroll;
    }

    footer.container-fluid {
        padding: 80px 0 0;
    }

    footer .top-footer .col-12:last-child {
        margin-bottom: 0;
    }

    .copyright {
        padding: 0;
    }

    div#sbi_images {
        padding: 5px 0 !important;
    }
}

/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 768px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    .page-header {
        min-height: 400px;
        height: 620px;
    }

    .hero-section {
        background-attachment: scroll;
        background-position: 76%;
    }

    .hero-section2 {
        background-attachment: scroll;
        background-position: 76%;
    }

    .page-header h1 {
        margin-bottom: 50px;
    }

    .hero-section h1 {
        margin-bottom: 50px;
    }

    .contact-footer {
        background-attachment: scroll;
    }

    #main-menu nav li {
        position: relative;
    }

    #main-menu nav li i {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    #menu-images .menu-slider-wrapper img {
        width: 100%;
        height: auto;
    }

    #main-menu .menu-container .menu-slide {
        max-width: 100vw;
        align-items: center;
        display: inline-flex;
    }

    #main-menu .menu-slide.slide-active img {
        opacity: .3;
    }

    .home .ba-gallery .gallery-home .ba-link {
        height: 390px;
    }

}

/* Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
    .hero-section {
        background-attachment: scroll;
        background-position: 76%;
        height: 100vh;
        min-height: 100vh;
        align-items: flex-end;
    }
    .hero-section2 {
        background-attachment: scroll;
        background-position: 76%;
        height: 100vh;
        min-height: 100vh;
        align-items: flex-end;
    }

    .hero-section h1 {
        font-size: 60px;
        line-height: 75px;
    }

    .page-header {
        min-height: 100vh;
    }

    .contact-footer {
        background-attachment: scroll;
    }

    #main-menu nav li {
        position: relative;
    }

    #main-menu nav li i {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    #menu-images .menu-slider-wrapper img {
        width: 100%;
        height: auto;
    }

    #main-menu .menu-container .menu-slide {
        max-width: 100vw;
        align-items: center;
        display: inline-flex;
    }

    #main-menu .menu-slide.slide-active img {
        opacity: .3;
    }
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
    .hero-section {
        min-height: 1023px;
        max-height: 1023px;
    }
    .hero-section2 {
        min-height: 1023px;
        max-height: 1023px;
    }
    .hero-section {
        background-attachment: scroll;
        background-position: 70%;
    }
    .hero-section2 {
        background-attachment: scroll;
        background-position: 70%;
    }

    .page-header {
        min-height: 700px;
        max-height: 700px;
    }

    .page-header h1 {
        margin-bottom: 50px;
    }

    .contact-footer {
        background-attachment: scroll;
    }

    #main-menu nav li {
        position: relative;
    }

    #main-menu nav li i {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    #menu-images .menu-slider-wrapper img {
        width: 100%;
        height: auto;
    }

    #main-menu .menu-container .menu-slide {
        max-width: 100vw;
        align-items: center;
        display: inline-flex;
    }

    #main-menu .menu-slide.slide-active img {
        opacity: .3;
    }

    .three-images {
        max-height: 700px;
    }

    .home .body-ba {
        top: -12vh;
    }

    .home .facial-ba {
        top: 12vh;
    }

    .home .ba-gallery .gallery-home {
        margin-bottom: 12vh;
    }

    .home .ba-gallery {
        padding: 10vw 0;
    }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1366px)
and (max-device-width: 1366px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 2) {
    .hero-section {
        background-attachment: scroll;
        background-position: 70%;
    }

    .hero-section2 {
        background-attachment: scroll;
        background-position: 70%;
    }

    .contact-footer {
        background-attachment: scroll;
    }

    #main-menu nav li {
        position: relative;
    }

    #main-menu nav li i {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    #menu-images .menu-slider-wrapper img {
        width: 100%;
        height: auto;
    }

    #main-menu .menu-container .menu-slide {
        max-width: 100vw;
        align-items: center;
        display: inline-flex;
    }

    #main-menu .menu-slide.slide-active img {
        opacity: .3;
    }

    .location-section .line {
        transform: rotate(29deg);
        top: 33px;
    }

    .location-section .lower-box .line {
        transform: rotate(-28deg);
        top: 34px;
    }

    .home .ba-gallery {
        padding: 13vw 0;
    }
}

.page-header h1.orange-side {
    font-size: 28px;
}

@media screen and (min-width: 480px) {
    .page-header h1.orange-side {
        font-size: 40px;
    }
}

@media screen and (min-width: 600px) {
    .page-header h1.orange-side {
        font-size: 40px;
    }
}

@media screen and (min-width: 768px) {
    .page-header h1.orange-side {
        font-size: 60px;
    }
}

@media screen and (min-width: 960px) {
    .page-header h1.orange-side {
        font-size: 70px;
    }
}