:root { --quicksand: 'Quicksand', san-serif; } /* News */ /* Large Devices, Wide Screens */ @media only screen and (min-width : 1921px) { .page-header > div::before {width: 65vw;} .page-id-413 .page-header > img {height: 600px;} } @media only screen and (max-width : 1920px) { } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1680px) { } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1600px) { } /* MAC Laptops */ @media only screen and (max-width : 1440px) { .bannerAdvice .col-md-3 {max-width: 50% !important;flex: 0 0 50% !important;margin-left: 0 !important;} .bannerAdvice .col-md-4 {max-width: 50% !important;flex: 0 0 50% !important;} .steps-section .nav-tabs.steps-tabs {justify-content: flex-start;overflow-x: visible;overflow-y: visible;padding-bottom: 30px;} .steps-section .nav-tabs.steps-tabs:after {content: '';width: 200px;height: 100%;position: absolute;display: block;right: 0;pointer-events: none; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #fffdfc 100%);} /*.steps-section .nav-tabs.steps-tabs {scrollbar-width: auto;scrollbar-color:#53175b #888;}*/ /*.steps-section .nav-tabs.steps-tabs::-webkit-scrollbar {width: 3px;border-radius: 2px;}*/ /*.steps-section .nav-tabs.steps-tabs::-webkit-scrollbar-track {background-color: #f1f1f1;}*/ /*.steps-section .nav-tabs.steps-tabs::-webkit-scrollbar-thumb {background-color: #53175b;}*/ /*.steps-section .nav-tabs.steps-tabs::-webkit-scrollbar-thumb:hover {background-color: #53175b;}*/ .simplebar-content {display: flex!important;width: fit-content;max-width: 100%;} .simplebar-scrollbar::before {background: #8c4c96!important;opacity: 1!important;} .simplebar-track {background: #ccc!important;border-radius: 7px!important;} .simplebar-track.simplebar-horizontal {height: 7px!important;} .simplebar-scrollbar::before {top: 0!important;bottom: 0!important;left: 0!important;right: 0!important;} /* .steps-section .nav-tabs.steps-tabs {width: fit-content;max-width: 100%;margin: 0 auto;} }*/ /* HD Ready Laptops */ @media only screen and (max-width : 1366px) { } /* HD Ready Laptops */ @media only screen and (max-width : 1360px) { } /* Box Screens 1280x1024 */ @media only screen and (max-width : 1280px) { .bannerAdvice .col-md-3 {margin-left: 0!important} } /* Zoomed in FF Break point */ @media only screen and (max-width : 1240px) { } @media only screen and (max-width : 1199px) { footer {background: #53175b;padding: 0 15px;} .ast-builder-footer-grid-columns {grid-column-gap: 0;} .site-footer-primary-section-2 {width: 200px;} .site-primary-footer-inner-wrap {display: flex;justify-content: space-between;} .site-primary-footer-inner-wrap #block-19 {display: flex;gap: 10px;justify-content: flex-start;} .ast-builder-menu-1 .menu-item > .menu-link {margin: 0 5px;} .ast-above-header.ast-above-header-bar {padding-top: 0;padding-bottom: 0;} .home-sr .swiper-wrapper {display: grid;grid-template-columns: repeat(2, 1fr) !important;width: fit-content;margin: 0 auto;} .bannerAdvice:before {background-image: url(/wp-content/uploads/Tablet_banner1.svg);left: 0;background-size: 30px 162px;background-position: left center;} .bannerAdvice:after {background-image: url(/wp-content/uploads/Tablet_banner.svg);width: 35px;height: 128px;bottom: 70px;right: 0;top: auto;background-size: contain;} } /* iPads */ @media only screen and (max-width : 1024px) { } @media only screen and (max-width : 1023px) { } @media only screen and (max-width : 991px) { .mobile-menu-window .mobile-menu-header {max-width: 720px;margin: 0 auto;margin-bottom: 25px;position: relative;} .menu-items-mobile {max-width: 720px;margin: 0 auto;} .home-hero img {height: 340px;object-fit: cover;object-position: center;width: 100%;} .home-hero a.btn {position: absolute;z-index: 2;bottom: -400px;right: 15px;} .home-hero .lb-rt-borders {margin: 0;} .home-hero {padding-top: 80px;padding-bottom: 100px;height: auto;} .home-hero .lb-rt-borders {width: 100%;} .home-second .second-section-first-row {flex-direction: column-reverse;margin-top: 50px;margin-bottom: -25px;} .home-second .second-section-first-row .bottom-borders {margin-top: 40px;} .second-section-services-row h2 {margin-bottom: 5px;} .second-section-services-row ul.nav-tabs a svg {display: none;} .second-section-services-row ul.nav-tabs a {width: max-content;} .second-section-services-row ul.nav-tabs {display: flex;align-items: center;gap: 20px;overflow-x: scroll;padding-bottom: 15px;} .second-section-services-row ul.nav-tabs .simplebar-content {display: flex!important;gap: 20px;} .second-section-services-row ul.nav-tabs li {margin: 10px 0!important;width: 100%;} .second-section-services-row ul.nav-tabs a.active, .second-section-services-row ul.nav-tabs a:hover {padding: 0!important;} .second-section-services-row ul.nav-tabs {flex-wrap: nowrap;} .second-section-services-row .childs-content {margin-top: 30px;} .second-section-services-row .tl-br-borders .service-info-box {max-width: 100%;} .second-section-services-row .tl-br-borders .service-info-box {padding: 30px;} .second-section-services-row .tl-br-borders .service-info-box h4 {font-size: 20px;} .second-section-services-row .tl-br-borders .service-info-box .service-content {font-size: 14px;line-height: 20px;} .site-primary-footer-inner-wrap {display: grid;grid-template-columns: repeat(2, 1fr) !important;gap: 15px;max-width: 720px!important;margin: 0 auto;} .ast-above-header-wrap {display: none;} .site-header-primary-section-right {display: none;} .home-hero:before, .home-hero:after {content: none;} .home-hero h1 {font-size: 28px;line-height: 32px;} h2{font-size: 28px;line-height: 34px;margin-bottom: 15px;} .second-section-services-row ul.nav-tabs a{font-size: 20px;line-height: 34px;} .bannerAdvice {margin-top: 50px;margin-bottom: 55px;padding-top: 60px;padding-bottom: 150px;background: #F4F3F2;} .bannerAdvice .col-md-3 {margin-left: 0!important;max-width: 100%!important;flex: 0 0 100%!important;position: unset;} .bannerAdvice .col-md-4 {margin-left: 0!important;max-width: 100%!important;flex: 0 0 100%!important;text-align: left!important;} .bannerAdvice .col-md-4 .banner-image {height: auto;width: 100%;} .bannerAdvice .col-md-3 a.btn {position: absolute;left: 50%;bottom: -70px;transform: translateX(-50%);width: max-content;} .bannerAdvice:before {background-image: url(/wp-content/uploads/bannerML.svg);width: 93px;height: 224px;bottom: 100px;left: 0;top: auto;background-color: transparent;background-size: contain;} .bannerAdvice:after {background-image: url(/wp-content/uploads/bannerMR.svg);width: 23px;height: 115px;bottom: 25px;right: 0;top: auto;background-color: transparent;background-size: contain;} .home-nw .swiper-pagination{position: relative;bottom: auto;top: auto;margin-top: 30px;} .treatments-tabs .nav-tabs.treatments-tabs-list {display: flex;flex-wrap: nowrap;overflow-x: scroll;overflow-y: visible;height: 95px;} .treatments-tabs .nav-tabs.treatments-tabs-list:after {content: '';width: 200px;height: 100%;position: absolute;display: block;right: 0;pointer-events: none; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #fffdfc 100%);} .treatments-tabs .nav-tabs.treatments-tabs-list li {width: max-content;} .treatments-tabs:not(.maternity-tabs)::before, .treatmentsbgL, .treatmentsbgR {display: none;} .treatments-tabs h2 {margin-top: 25px;} .steps-section {margin-bottom: 50px;margin-top: 50px;} #stepsContent {margin-top: 0;} #stepsContent > div {padding: 30px;} #stepsContent > div > div:first-child {font-size: 28px;line-height: 34px;} #stepsContent > div > div:first-child h4 {font-size: 28px;line-height: 34px;} .consulationForm form {padding: 50px 0;} .consulationForm .phoneGroup #dial_code {width: 130px;} .steps-section .nav-tabs.steps-tabs {margin-bottom: 20px;} .treatments-tabs .yearly-rates .col-md-12 h3 {text-align: center;} .yearly-rates .col-md-12 p {margin-top: 10px;text-align: center;} .egg-success .yearly-rates .col-md-12 :is(h2, h3) {text-align: center;} .maternity-tab-content:before, .maternity-tab-content::after {content: none;} .genesis-section {margin-bottom: 65px;} .genesis-section .row {flex-direction: column;} .genesis-section .bottom-borders {margin-bottom: 30px;display: none;} .outpatients-section {padding-top: 50px;padding-bottom: 50px;} .outpatients-section .lb-rt-borders {margin-top: 25px;} .laser-section {padding-bottom: 50px;} .laser-section .row {flex-direction: column-reverse;} .laser-section a.btn {margin-bottom: 20px;} .cancer-screening-section {margin-bottom: 50px;} .first-maternity-section {margin-bottom: 80px;} .first-maternity-section .row {flex-direction: column-reverse;} .first-maternity-section p:last-child {margin-bottom: 25px;} .laparoscopic-about {margin-bottom: 50px;margin-top: -50px;} .laparoscopic-about .row {flex-direction: column-reverse;} .laparoscopic-about h2 {margin-top: 25px;} .laparoscopic-about .bottom-borders {margin-top: 25px;width: 100%;} .laparoscopic-about .bottom-borders img{width: 100%;height: 500px;object-fit: cover;} .articles-arch .container {position: relative;z-index: 1;} .contactUsForm::after, .contactUsForm::before {content: none;} .main-header-bar > div:nth-child(1) {max-width: 690px;margin: 0 auto;width: 100%;} .page-header > div {max-width: 720px;} .page-header > div .page-title {font-size: 36px;line-height: 42px;} .page-header > div::before {max-width: 85%;} .page-id-413 .page-header > div::after {height: 100px;margin-top: -115px;} .second-section-services-row ul.nav-tabs a, .second-section-services-row ul.nav-tabs a.active {padding: 5px 10px !important;border: 1px solid #53175b !important;border-radius: 25px;} .second-section-services-row ul.nav-tabs a.active {background: #53175b !important;color: #fff!important;} .home-tour > div:nth-child(1) > p:nth-child(4) {position: absolute;bottom: 100px;left: 50%;transform: translateX(-50%);text-align: center;width: 100%;} .home-tour > div:nth-child(1) > .btn.btn-default {position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);text-align: center;width: max-content;} .home-tour > div:nth-child(1) {position: unset;} .lb-rt-caption {font-size: 14px;line-height: 22px;display: none;} .home-tour-nw .home-tour {padding-bottom: 200px;position: relative;} .home-nw {margin-top: 65px;padding-bottom: 0;} .home-tour-nw::after, .home-tour-nw::before {content: none;} .home-tour-nw > img {display: none;} .home-testimonials::before, .home-testimonials::after {content: none;} .fertility-infos {margin-bottom: 65px;} .fertility-infos .row {flex-direction: column-reverse;} .treatBox h4 {font-size: 20px;line-height: 28px;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 84px;} .treatBox p {line-clamp: 3;-webkit-line-clamp: 3;height: 72px;} .treatBox h4::after {content: '';width: 110px;height: 1px;background: #cdb2cc;display: block;position: relative;left: 0;margin-top: 10px;} .first-maternity-section:before, .first-maternity-section:after, .second-maternity-section:before, .second-maternity-section:after, .maternity-accordion::after, .treatments-tabs.maternity-tabs::before {content: none;} .treatments-tabs .nav-tabs.treatments-tabs-list {margin-bottom: 30px;} .rates-quote .tl-bl-borders > div {padding: 30px 30px 75px 60px;} /*.clinic-philosophy:before, .clinic-philosophy:after {content: none;}*/ .laparoscopic-about::before, .laparoscopic-about::after, .equipment-section::before, .equipment-section::after {content: none;} .fertility-infos .lb-rt-borders {margin-left: 0;} .rates-quote blockquote {font-size: 32px;line-height: 48px;} .rates-quote .tl-bl-borders::after {left: auto;right: -20px;background-size: contain;} .treatBox h4::after {position: absolute;margin-top: 20px;bottom: auto;} .treatBox h4 {height: auto;margin-bottom: 20px;overflow: visible;} .treatBox {display: flex;flex-direction: column;justify-content: space-between;min-height: 321px;} .genesis-section::before, .genesis-section::after, .clinicGallery-section::before, .clinicGallery-section::after, .theatres-why-section::before, .theatres-why-section::after, .about-team-section::before, .about-team-section::after, .about-team-section > img, .sr-about:before, .sr-about:after {display: none!important;content: none;} } } @media only screen and (max-width : 921px) { } /*Galaxy Tab 3 */ @media only screen and (max-width : 800px) { } @media only screen and (max-width : 781px) { } @media only screen and (max-width : 768px) { .follow-us-on-social-media { background: #FFF; padding: 5% 0; margin-left: 14%; } } @media only screen and (min-width: 768px){ .bannerAdvice .container-fluid {max-width: 720px;margin: 0 auto;} .clinicGallery .swiper-slide {width: auto !important;} .sr-about-row .swiper-wrapper {flex-wrap: wrap;} .sr-about-row .swiper-slide {width: calc(50% - 15px)!important;margin-top: 10px;margin-bottom: 10px;} .sr-about-row .swiper-slide:nth-child(even) {margin-right: 0!important;} } @media only screen and (min-width: 992px){ .bannerAdvice .container-fluid {max-width: 960px;margin: 0 auto;} .bannerAdvice .col-md-3 {max-width: 50%!important;flex: 0 0 50%!important; margin-top: 6% !important;} } @media only screen and (min-width: 1200px){ .bannerAdvice .container-fluid {max-width: 1140px;margin: 0 auto;} } @media only screen and (min-width: 1441px){ .bannerAdvice .col-md-3 {flex: 0 0 25%!important;max-width: 25%!important;margin-left: 25%!important; margin-top: 6% !important;} .bannerAdvice .container-fluid {max-width: 100%;} } @media only screen and (max-width : 767px) { .site-primary-footer-inner-wrap {grid-template-columns: repeat(1, 1fr) !important;gap: 15px;} .home-hero:before, .home-hero:after {content: '';} .home-hero:before {background-image: url(/wp-content/uploads/homeML.svg);bottom: 30px;width: 38px;height: 173px;} .home-hero:after {background-image: url(/wp-content/uploads/homeMR.svg);bottom: 90px;width: 23px;height: 168px;top: auto;} .home-second:before {width: 28px;height: 81px;background: url(/wp-content/uploads/homeSML.svg);transform: translateY(-50%);} .home-second:after {width: 29px;height: 80px;background: url(/wp-content/uploads/homeSMR.svg);transform: translateY(-50%);} .home-second > img {display: none;} .home-second {padding-bottom: 50px;} .home-testimonials:before, .home-testimonials:after {content: none;} .home-testimonials h2{text-align: center;} .home-testimonials .col-md-8 > p{font-family: var(--quicksand);font-weight: normal;font-size: 14px;line-height: 22px;text-align: center;color: #53175b;margin-bottom: 50px;} .home-testimonials-slider {margin: 0 15px;} .testCaption, .testimonials-Swiper p {text-align: center;} .mt-75.mmt-50 {margin-top: 50px!important;} .successRatesPost {margin: 0 15px 45px;} .home-sr {margin-bottom: 50px;} .sr-Swiper > .swiper-pagination {position: relative;bottom: auto;top: auto;margin-top: 30px;} .home-sr::before {width: 30px;height: 118px;background: url(/wp-content/uploads/homesrML.svg);transform: translateY(-100%);} .home-sr::after {width: 44px;height: 124px;background: url(/wp-content/uploads/homesrMR.svg);transform: translateY(-100%);} .home-tour-nw .home-tour {padding-bottom: 200px;position: relative;} .home-tour-nw .home-tour:before {content: '';display: block;position: absolute;left: 0;bottom: 22px;width: 25px;height: 118px;background: url(/wp-content/uploads/trustML.svg);} .home-tour-nw .home-tour:after {content: '';display: block;position: absolute;right: 0;top: 50%;width: 30px;height: 93px;background: url(/wp-content/uploads/trustMR.svg);transform: translateY(-50%);} .home-nw {margin-top: 65px;padding-bottom: 0;} .home-tour-nw::after, .home-tour-nw::before {content: none;} .home-tour-nw > img {display: none;} .news-item .news-item-info h4 {font-size: 20px;} .news-item .news-date {font-size: 14px;line-height: 19px;} .page-header > img, .page-header > figure > img {height: auto;} .page-header > div {padding-right: 35px;padding-bottom: 50px;max-width: 85%;margin-left: 0;} .page-header > div .page-title {font-size: 32px;line-height: 40px;} .genesis-section:after, .genesis-section:before {content: none;} .clinicGallery-section {padding: 50px 0;margin-bottom: 50px;} .clinicGallery-section:before, .clinicGallery-section:after {content: none;} .clinicGallery.swiper {overflow: hidden;} .clinicGallery .swiper-slide img {width: 100%;object-fit: cover;} .theatres-why-section {margin-bottom: 50px;} .theatres-why-section:before, .theatres-why-section:after{content: none;} .theatres-why-section .row:first-child .bottom-borders {margin-top: 30px;} .theatres-why-section .row:first-child {margin-bottom: 65px;} .theatres-why-section .row:last-child {flex-direction: column-reverse;} .clinic-philosophy {padding: 50px 0;margin-bottom: 50px;} /*.clinic-philosophy:before, .clinic-philosophy:after {content: none;}*/ .about-team-section {margin-top: 65px;padding: 50px 0 50px;margin-bottom: 65px;} .about-team-section:before, .about-team-section:after, .about-team-section > img {display: none;} .about-team-section .form-group .form-check label {padding-left: 10px;padding-right: 10px;} .sr-about:after, .sr-about:before, .sr-about > img.aboutTestimonials {display: none;} .rates-quote {padding-bottom: 65px;margin-top: 70px;} .sr-about-row {margin-bottom: 50px;} .yearly-rates {margin-bottom: 50px;} .yearly-rates h3{text-align: center;} .yearly-rates .col-md-4 {text-align: center;} .yearly-rates .img-caption {text-align: center;} .rates-quote::after {content: none;} .rates-quote blockquote {font-size: 28px;line-height: 34px;margin-bottom: 70px;} .rates-quote .tl-bl-borders > div {padding: 30px;} .rates-quote h6 {margin-top: 0;} .member-head h1 {font-size: 28px;line-height: 34px;} .fertility-infos {margin-bottom: 65px;} .fertility-infos:before, .fertility-infos:after{content: none;} .fertility-infos .row {flex-direction: column-reverse;} .fertility-treatments {padding: 50px 0;margin-bottom: 50px;} .fertility-treatments:before, .fertility-treatments:after{content: none;} .treatBox p {height: auto;max-height: 192px;} .investigationsSection:before, .investigationsSection:after{content: none;} .jewishSection {margin-bottom: 50px;} .jewishSection:before, .jewishSection:after{content: none;} .jewishSection .row {flex-direction: column-reverse;} .jewishSection .bottom-borders {margin-top: 30px;} .outpatients-section:before, .outpatients-section::after,.cancer-screening-section:before, .cancer-screening-section::after {content: none;} .cancer-screening-section {margin-bottom: 50px;} .laser-section:before, .laser-section:after {content: none;} .first-maternity-section:before, .first-maternity-section::after, .maternity-accordion::after,.treatments-tabs.maternity-tabs:before {content: none;} .maternity-accordion {padding-bottom: 75px;} .treatments-tabs .nav-tabs.treatments-tabs-list {margin-bottom: 35px;} .equipment-section:before, .equipment-section::after {content: none;} .benefits-section ul li:nth-child(2n+1) {margin-right: 0;} .benefits-section ul li {width: 100%;} .equipment-section {padding-bottom: 50px;} .equipment-section a.btn {margin-bottom: 25px;} .articles-arch:before, .articles-arch::after{content: none;} .articles-arch .wpv-pagination-nav-links-container {margin-top: 0;} .articles-arch .news-item { margin-bottom: 30px;} .postTitles h1 {font-size: 28px;line-height: 34px;} .single-post-content:before, .single-post-content::after {content: none;} .workshops-webinars-arch .news-item .news-item-info {padding: 0;width: 100%;} .workshops-webinars-arch .news-item :is(.news-item-info, .bottom-borders) {width: 100%;} .workshops-webinars-arch .news-item {flex-direction: column;} .workshops-webinars-arch .news-item .bottom-borders {margin-top: 20px;} .contact-info-section:before, .contact-info-section:after {content: none;} .contactUsForm:before, .contactUsForm:after{content: none;} .contact-info-section {margin-top: 80px;} .egg-success {margin: 50px 0;padding: 50px 0;} .stepsEgg:before, .stepsEgg:after {content: none;} .egg-testimonials-slider .swiper-slide {flex-direction: column;align-items: center;justify-content: center;} .egg-testimonials-slider .test-infos {width: 100%;} .privacyPages h1 {font-size: 28px;line-height: 34px;} .pageError404 h1 {font-size: 75px;line-height: 85px;} .pageError404 p {font-size: 16px;line-height: 24px;} .posts-filtering-row .posts-filtering {gap: 10px;} .posts-filtering-row .posts-filtering label {font-size: 16px;line-height: 22px;} .posts-filtering-row .posts-number {font-size: 16px;line-height: 22px;} .author-col {width: calc(100% - 100px);} .author-col div {font-size: 16px;} .author-col div:first-child {width: 50px;} .author-col div:last-child {width: calc(100% - 50px);} .rates-quote .tl-bl-borders {max-width: calc(100% - 40px);margin: 0 auto;overflow: visible;} .rates-quote .tl-bl-borders::after {left: auto;right: -20px;background-position: right bottom;} header .custom-logo-link img {max-width: 80px;} .menu-burger {top: 26px;z-index: 999999;position: fixed;} .ast-header-break-point #ast-mobile-header {position: fixed;width: 100%;top: 0;} body {padding-top: 88px;} header#masthead {z-index: 9999;} .about-team-section .bottom-members .form-group {justify-content: flex-start;overflow-y: hidden;overflow-x: scroll;padding-bottom: 15px;} .home-testimonials.egg-testimonials .swiper-pagination {text-align: center;padding-left: 0;} .home-sr .swiper-wrapper {display: flex;width: fit-content;} .treatBox h4 {height: auto;} .sr-about-row .dash-list {margin-bottom: 30px;} .second-section-services-row .childs-content {margin-top: 15px;} .phoneGroup > div:nth-child(2) {width: 100%;} .clinic-philosophy:before, .clinic-philosophy:after {content: none;} .page-id-413 .page-header > img, .page-id-413 .page-header > figure > img {object-position: center;} } /* LGalaxy SIII*/ @media only screen and (max-width : 720px) { } @media only screen and (max-width : 599px) { } @media only screen and (max-width : 544px) { .ast-footer-copyright p, .site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row p.has-text-align-right{text-align: center!important;} } /* Extra Small Devices, Phones */ @media only screen and (max-width : 575px) { .home-tour-nw .home-tour {background: #F4F3F2;padding-top: 50px;} } /* iPhone6+ */ @media only screen and (max-width : 414px) { } /* Galaxy Edge*/ @media only screen and (max-width : 412px) { } /* iphone6*/ @media only screen and (max-width : 375px) { } /* Note2*/ @media only screen and (max-width : 360px) { } /* Iphone5 */ @media only screen and (max-width : 320px) { } @media only screen and (max-height: 790px) { } /* Mobile Style Css */ /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* STYLES GO HERE */ } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* STYLES GO HERE */ } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { /* STYLES GO HERE */ } /* ----------- iPhone 4 and 4S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { } /* ----------- iPhone 5 and 5S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { } /* Portrait */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { } /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { } /* ----------- iPhone 6 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { } /* Portrait */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { } /* Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { } /* ----------- iPhone 6+ ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { } /* Portrait */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { } /* Landscape */ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* STYLES GO HERE */ } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /* STYLES GO HERE */ } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /* STYLES GO HERE */ } /* ----------- iPad mini ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { } /* ----------- iPad 1 and 2 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { } /* ----------- iPad 3 and 4 ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) { /* STYLES GO HERE */ } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { /* STYLES GO HERE */ } /* ----------- Non-Retina Screens ----------- */ @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) { } /* ----------- Retina Screens ----------- */ @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) { }