You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
796 lines
16 KiB
796 lines
16 KiB
/* Fonts */
|
|
@font-face {
|
|
font-family: TheAntiquaB-W6SemiBold;
|
|
src: url(../fonts/TheAntiquaB-C2sOT/TheAntiquaB-W6SemiBold.otf);
|
|
}
|
|
|
|
|
|
.cover-header-image{
|
|
/*display: none;*/
|
|
}
|
|
|
|
.backtofaq{
|
|
display: block;
|
|
}
|
|
|
|
.backtofaq a{
|
|
letter-spacing: 0.1rem;
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-size: 1.5rem;
|
|
color: #2e3942;
|
|
}
|
|
.backtofaq a:hover{
|
|
letter-spacing: 0.1rem;
|
|
font-family: 'Open Sans', sans-serif;
|
|
font-size: 1.5rem;
|
|
color: #129af0;
|
|
}
|
|
|
|
.ion-ios-home{
|
|
font-size: 2rem;
|
|
}
|
|
|
|
|
|
|
|
.faq-header-image{
|
|
background-image: url("../../images/faq-banner.png");
|
|
background-position: center center;
|
|
border-bottom: none;
|
|
margin-bottom: 0;
|
|
text-align: center;
|
|
height: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.srch{
|
|
border-top-right-radius: 0px !important;
|
|
border-bottom-right-radius: 0px !important;
|
|
}
|
|
.srch-icon{
|
|
border-top-left-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
}
|
|
.search-bar {
|
|
background-color: #f4f8f9;
|
|
/*text-align: center;*/
|
|
font-family: 'Open Sans', sans-serif;
|
|
}
|
|
|
|
.search-input{
|
|
width: 100% !important;
|
|
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
|
|
-webkit-border-radius: 12px;
|
|
/* Firefox 1-3.6 */
|
|
-moz-border-radius: 12px;
|
|
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
|
|
border-radius: 12px;
|
|
}
|
|
|
|
.search-input::placeholder{
|
|
font-size: 0.95rem;
|
|
}
|
|
|
|
.search-btn{
|
|
/*margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
Safari 3-4, iOS 1-3.2, Android 1.6- */
|
|
-webkit-border-radius: 3px;
|
|
/* Firefox 1-3.6 */
|
|
-moz-border-radius: 3px;
|
|
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
|
|
border-radius: 3px;
|
|
text-transform: uppercase;
|
|
font-family: 'Open Sans', sans-serif;
|
|
letter-spacing: 2px;
|
|
|
|
}
|
|
|
|
.faq-buttons.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
|
|
color: #fff;
|
|
}
|
|
|
|
.faq-label{
|
|
margin-top: 3rem;
|
|
text-align: left;
|
|
font-size: 20px;
|
|
padding: 1rem;
|
|
background-color: #f4f8f9;
|
|
margin-bottom: 5px;
|
|
color:rgb(42, 48, 59);
|
|
font-family: 'Open Sans', sans-serif;
|
|
}
|
|
|
|
.faq-category-list {
|
|
/*margin-top: 20px;*/
|
|
margin-bottom: 45px;
|
|
}
|
|
|
|
.faq-category-list h2.m-0.font-weight-bold {
|
|
font-size: 1.25rem!important;
|
|
}
|
|
|
|
h1.border-bottom.pb-2.mt-5.font-weight-bold {
|
|
font-size: 1.6rem;
|
|
}
|
|
|
|
.faq-buttons h3 {
|
|
font-size: 0.875rem!important;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.faq-category-list .card-body .card-body {
|
|
padding-right: 0px;
|
|
padding-left: 0px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.faq-category-header{
|
|
text-align: center;
|
|
}
|
|
|
|
.faq-category-header .btn{
|
|
font-weight: lighter;
|
|
color: dimgray;
|
|
text-decoration: none;
|
|
width: 100%;
|
|
white-space: normal;
|
|
text-align: left;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
|
|
|
|
|
|
.faq-category-header .btn-link:hover{
|
|
color: #000;
|
|
}
|
|
|
|
.faq-buttons{
|
|
margin-bottom: 5px;
|
|
display: inline;
|
|
/*font-size: 1rem !important;*/
|
|
word-break: keep-all;
|
|
overflow-wrap: break-word;
|
|
display: inline;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
|
|
-webkit-border-radius: 12px;
|
|
/* Firefox 1-3.6 */
|
|
-moz-border-radius: 12px;
|
|
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
|
|
padding: 10px;
|
|
border: 1px solid #d2d2d2;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
|
|
.faq-buttons svg{
|
|
transform: scale(0.7);
|
|
}
|
|
|
|
.faq-buttons[aria-expanded="true"] svg{
|
|
color:#6c757d;
|
|
font-style: normal;
|
|
font-weight: 900;
|
|
margin-left: 14px;
|
|
transform: rotate(180deg)scale(0.7);
|
|
}
|
|
|
|
.faq-buttons[aria-expanded="false"] svg{
|
|
color:#6c757d;
|
|
font-style: normal;
|
|
font-weight: 900;
|
|
margin-left: 14px;
|
|
}
|
|
|
|
.btn-outline-secondary:hover{
|
|
color: #6c757d;
|
|
background-color: #fff;
|
|
border-color: #fff;
|
|
}
|
|
|
|
.btn-outline-secondary.focus, .btn-outline-secondary:focus{
|
|
box-shadow: none;
|
|
}
|
|
.disabled_btn{ pointer-events: none; cursor: no-drop !important; background-color: #6c757d; border-color: #6c757d;}
|
|
.card-header{
|
|
font-weight: bold;
|
|
background-color: #fff;
|
|
padding: 0px;
|
|
}
|
|
|
|
|
|
.card-header .btn[aria-expanded=true] {
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
.card-body{
|
|
/*width: 950px;*/
|
|
/*padding-left: 4.25rem;*/
|
|
/*padding-right: 4.25rem;*/
|
|
}
|
|
|
|
|
|
|
|
.faq-content-box{
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.faq-survey{
|
|
margin-top: 15px;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
|
|
.faq-survey label{
|
|
font-weight: bold;
|
|
color: #6c757d;
|
|
}
|
|
|
|
.faq-question-label{
|
|
color: #6c757d;
|
|
vertical-align: middle;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.help-btn{
|
|
font-size: smaller;
|
|
}
|
|
|
|
.easy-autocomplete{
|
|
width:100% !important;
|
|
}
|
|
|
|
/*.easy-autocomplete-container{*/
|
|
/*margin-top: 5%;*/
|
|
/*}*/
|
|
.easy-autocomplete-container{width: 100% !important;}
|
|
|
|
.easy-autocomplete-container ul{display: none; position: absolute; width: 100% !important; z-index: 99999999999; margin: 0; padding: 0; background-color: #fff; text-align: left; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; border: solid 1px #cccccc; border-top: none; color: #16212c; font-weight: 400; font-size: 14px;}
|
|
|
|
.easy-autocomplete-container ul li{width: 100% !important; list-style: none; text-decoration: none; padding: 15px; border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6;}
|
|
|
|
easy-autocomplete-container ul li a{
|
|
text-decoration: none;
|
|
display: block;
|
|
/*color: #ffffff;*/
|
|
}
|
|
|
|
.easy-autocomplete-container ul li:hover{
|
|
text-decoration: none;
|
|
color: #ffffff;
|
|
background-color: #129af0;
|
|
cursor: pointer;
|
|
}
|
|
.easy-autocomplete-container ul li:hover a{
|
|
text-decoration: none;
|
|
color: #ffffff;
|
|
background-color: #129af0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.eac-item{
|
|
cursor: pointer;
|
|
color: #a3a3a3;
|
|
}
|
|
.eac-item a{
|
|
cursor: pointer;
|
|
color: #a3a3a3;
|
|
}
|
|
.eac-item:hover a{
|
|
cursor: pointer;
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.pagination{
|
|
display: none;
|
|
}
|
|
|
|
.no-result{
|
|
font-size: 3em;
|
|
font-style: italic;
|
|
}
|
|
|
|
:target{
|
|
display: block;
|
|
position: relative;
|
|
top: 0px !important;
|
|
}
|
|
|
|
|
|
/* ----------- 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) {
|
|
|
|
.faq-category-header .btn { font-size: 1rem; text-align: left; }
|
|
.card-body {width: 325px;}
|
|
.faq-buttons{}
|
|
.searchQ { margin-top: 10px; }
|
|
.faq-buttons[aria-expanded="true"] .icon-image:before{
|
|
margin-left: 3.5px !important;
|
|
}
|
|
.faq-buttons[aria-expanded="false"] .icon-image:after{
|
|
margin-left: 3.5px !important;
|
|
}
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 480px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: portrait) {
|
|
.faq-category-header .btn { font-size: 1rem; }
|
|
|
|
.card-body { padding-left: 1rem; padding-right: 1rem; }
|
|
|
|
.faq-buttons{ }
|
|
}
|
|
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 480px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: landscape) {
|
|
|
|
.faq-category-header .btn { font-size: 1rem; }
|
|
|
|
.card-body { padding-left: 1rem; padding-right: 1rem; }
|
|
|
|
.faq-buttons { }
|
|
.searchQ { margin-top: 10px; }
|
|
|
|
}
|
|
|
|
/* ----------- 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) {
|
|
.faq-category-header .btn { font-size: 1rem; }
|
|
|
|
.card-body { padding-left: 1rem; padding-right: 1rem; }
|
|
|
|
.faq-buttons { }
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 320px)
|
|
and (max-device-width: 568px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: portrait) {
|
|
.faq-category-header .btn {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.card-body {
|
|
padding-left: 0rem !important;
|
|
padding-right: 0rem !important;
|
|
width: 100%;
|
|
}
|
|
|
|
.faq-buttons{
|
|
|
|
}
|
|
|
|
}
|
|
|
|
/* 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) {
|
|
.faq-category-header .btn {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.card-body {
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
}
|
|
|
|
.faq-buttons{
|
|
|
|
}
|
|
.searchQ { margin-top: 10px; }
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 375px)
|
|
and (max-device-width: 667px)
|
|
and (-webkit-min-device-pixel-ratio: 2)
|
|
and (orientation: portrait) {
|
|
.faq-category-header .btn {
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.card-body {
|
|
padding-left: 0rem !important;
|
|
padding-right: 0rem !important;
|
|
width: 100%;
|
|
}
|
|
|
|
.faq-buttons{
|
|
|
|
}
|
|
.searchQ { margin-top: 10px; }
|
|
}
|
|
|
|
|
|
|
|
/* ----------- 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) {
|
|
.searchQ { margin-top: 10px; }
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 414px)
|
|
and (max-device-width: 736px)
|
|
and (-webkit-min-device-pixel-ratio: 3)
|
|
and (orientation: portrait) {
|
|
.searchQ { margin-top: 10px; }
|
|
|
|
}
|
|
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 414px)
|
|
and (max-device-width: 736px)
|
|
and (-webkit-min-device-pixel-ratio: 3)
|
|
and (orientation: landscape) {
|
|
#banner2{
|
|
margin-top: 50px;
|
|
background-position: center center;
|
|
background-size:cover;
|
|
width: 100%;
|
|
text-align: center;
|
|
/*padding-top:35%;*/
|
|
}
|
|
.searchQ { margin-top: 10px; }
|
|
}
|
|
|
|
/* ----------- Galaxy S3 ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media screen
|
|
and (device-width: 320px)
|
|
and (device-height: 640px)
|
|
and (-webkit-device-pixel-ratio: 2) {
|
|
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media screen
|
|
and (device-width: 320px)
|
|
and (device-height: 640px)
|
|
and (-webkit-device-pixel-ratio: 2)
|
|
and (orientation: portrait) {
|
|
.searchQ { margin-top: 10px; }
|
|
|
|
}
|
|
|
|
/* Landscape */
|
|
@media screen
|
|
and (device-width: 320px)
|
|
and (device-height: 640px)
|
|
and (-webkit-device-pixel-ratio: 2)
|
|
and (orientation: landscape) {
|
|
.searchQ { margin-top: 10px; }
|
|
|
|
}
|
|
|
|
/* ----------- Galaxy S4 ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media screen
|
|
and (device-width: 320px)
|
|
and (device-height: 640px)
|
|
and (-webkit-device-pixel-ratio: 3) {
|
|
.searchQ { margin-top: 10px; }
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media screen
|
|
and (device-width: 320px)
|
|
and (device-height: 640px)
|
|
and (-webkit-device-pixel-ratio: 3)
|
|
and (orientation: portrait) {
|
|
.searchQ { margin-top: 10px; }
|
|
|
|
}
|
|
|
|
/* Landscape */
|
|
@media screen
|
|
and (device-width: 320px)
|
|
and (device-height: 640px)
|
|
and (-webkit-device-pixel-ratio: 3)
|
|
and (orientation: landscape) {
|
|
.searchQ { margin-top: 10px; }
|
|
|
|
}
|
|
|
|
/* ----------- Galaxy S5 ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media screen
|
|
and (device-width: 360px)
|
|
and (device-height: 640px)
|
|
and (-webkit-device-pixel-ratio: 3) {
|
|
.searchQ { margin-top: 10px; }
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media screen
|
|
and (device-width: 360px)
|
|
and (device-height: 640px)
|
|
and (-webkit-device-pixel-ratio: 3)
|
|
and (orientation: portrait) {
|
|
.searchQ { margin-top: 10px; }
|
|
|
|
}
|
|
|
|
/* Landscape */
|
|
@media screen
|
|
and (device-width: 360px)
|
|
and (device-height: 640px)
|
|
and (-webkit-device-pixel-ratio: 3)
|
|
and (orientation: landscape) {
|
|
.searchQ { margin-top: 10px; }
|
|
|
|
}
|
|
|
|
/* ----------- HTC One ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media screen
|
|
and (device-width: 360px)
|
|
and (device-height: 640px)
|
|
and (-webkit-device-pixel-ratio: 3) {
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media screen
|
|
and (device-width: 360px)
|
|
and (device-height: 640px)
|
|
and (-webkit-device-pixel-ratio: 3)
|
|
and (orientation: portrait) {
|
|
|
|
}
|
|
|
|
/* Landscape */
|
|
@media screen
|
|
and (device-width: 360px)
|
|
and (device-height: 640px)
|
|
and (-webkit-device-pixel-ratio: 3)
|
|
and (orientation: landscape) {
|
|
|
|
.searchQ { margin-top: 10px; }
|
|
}
|
|
/* ----------- 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) {
|
|
.navbar-nav.back {
|
|
display: block;
|
|
}
|
|
.return-action {
|
|
font-size: 13px;
|
|
}
|
|
/*.searchQ { margin-top: 10px; }*/
|
|
}
|
|
|
|
/* 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) {
|
|
|
|
.searchQ { margin-top: 10px; }
|
|
|
|
}
|
|
|
|
/* ----------- 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) {
|
|
|
|
}
|
|
|
|
|
|
/* ----------- Galaxy Tab 10.1 ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media
|
|
(min-device-width: 800px)
|
|
and (max-device-width: 1280px) {
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media
|
|
(max-device-width: 800px)
|
|
and (orientation: portrait) {
|
|
|
|
}
|
|
|
|
/* Landscape */
|
|
@media
|
|
(max-device-width: 1280px)
|
|
and (orientation: landscape) {
|
|
|
|
}
|
|
|
|
/* ----------- Asus Nexus 7 ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media screen
|
|
and (device-width: 601px)
|
|
and (device-height: 906px)
|
|
and (-webkit-min-device-pixel-ratio: 1.331)
|
|
and (-webkit-max-device-pixel-ratio: 1.332) {
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media screen
|
|
and (device-width: 601px)
|
|
and (device-height: 906px)
|
|
and (-webkit-min-device-pixel-ratio: 1.331)
|
|
and (-webkit-max-device-pixel-ratio: 1.332)
|
|
and (orientation: portrait) {
|
|
|
|
}
|
|
|
|
/* Landscape */
|
|
@media screen
|
|
and (device-width: 601px)
|
|
and (device-height: 906px)
|
|
and (-webkit-min-device-pixel-ratio: 1.331)
|
|
and (-webkit-max-device-pixel-ratio: 1.332)
|
|
and (orientation: landscape) {
|
|
|
|
}
|
|
|
|
/* ----------- Kindle Fire HD 7" ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media only screen
|
|
and (min-device-width: 800px)
|
|
and (max-device-width: 1280px)
|
|
and (-webkit-min-device-pixel-ratio: 1.5) {
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 800px)
|
|
and (max-device-width: 1280px)
|
|
and (-webkit-min-device-pixel-ratio: 1.5)
|
|
and (orientation: portrait) {
|
|
}
|
|
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 800px)
|
|
and (max-device-width: 1280px)
|
|
and (-webkit-min-device-pixel-ratio: 1.5)
|
|
and (orientation: landscape) {
|
|
|
|
}
|
|
|
|
/* ----------- Kindle Fire HD 8.9" ----------- */
|
|
|
|
/* Portrait and Landscape */
|
|
@media only screen
|
|
and (min-device-width: 1200px)
|
|
and (max-device-width: 1600px)
|
|
and (-webkit-min-device-pixel-ratio: 1.5) {
|
|
|
|
}
|
|
|
|
/* Portrait */
|
|
@media only screen
|
|
and (min-device-width: 1200px)
|
|
and (max-device-width: 1600px)
|
|
and (-webkit-min-device-pixel-ratio: 1.5)
|
|
and (orientation: portrait) {
|
|
}
|
|
|
|
/* Landscape */
|
|
@media only screen
|
|
and (min-device-width: 1200px)
|
|
and (max-device-width: 1600px)
|
|
and (-webkit-min-device-pixel-ratio: 1.5)
|
|
and (orientation: landscape) {
|
|
|
|
}
|
|
|
|
/* ----------- 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) {
|
|
}
|