﻿@media only screen and (max-width: 25.8125em), only screen and (min-width: 25.875em) and (max-width: 40em) {
    body { -webkit-text-size-adjust: none; text-size-adjust: none; }
}

@media only screen {
    .show-for-xsmall-only,
    .show-for-xsmall-up,
    .show-for-xsmall,
    .show-for-xsmall-down,
    .hide-for-small-only,
    .hide-for-small-up,
    .hide-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down { display: inherit !important; }
    .hide-for-xsmall-only,
    .hide-for-xsmall-up,
    .hide-for-xsmall,
    .hide-for-xsmall-down,
    .show-for-small-only,
    .show-for-small-up,
    .show-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down { display: none !important; }
}

@media only screen and (min-width: 25.875em) {
    .hide-for-xsmall-only,
    .show-for-xsmall-up,
    .hide-for-xsmall,
    .hide-for-xsmall-down,
    .show-for-small-only,
    .show-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down { display: inherit !important; }
    .show-for-xsmall-only,
    .hide-for-xsmall-up,
    .show-for-xsmall,
    .show-for-xsmall-down,
    .hide-for-small-only,
    .hide-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down { display: none !important; }
}

@media only screen and (min-width: 40.0625em) {
    .hide-for-xsmall-only,
    .show-for-xsmall-up,
    .hide-for-xsmall,
    .hide-for-xsmall-down,
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .show-for-medium-only,
    .show-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down { display: inherit !important; }
    .show-for-xsmall-only,
    .hide-for-xsmall-up,
    .show-for-xsmall,
    .show-for-xsmall-down,
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .hide-for-medium-only,
    .hide-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down { display: none !important; }
}

@media only screen and (min-width: 48.0625em) {
    .hide-for-xsmall-only,
    .show-for-xsmall-up,
    .hide-for-xsmall,
    .hide-for-xsmall-down,
    .hide-for-small-only,
    .show-for-small-up,
    .hide-for-small,
    .hide-for-small-down,
    .hide-for-medium-only,
    .show-for-medium-up,
    .hide-for-medium,
    .hide-for-medium-down,
    .show-for-large-only,
    .show-for-large-up,
    .show-for-large-down,
    .hide-for-xlarge-only,
    .hide-for-xlarge-up,
    .hide-for-xlarge,
    .show-for-xlarge-down,
    .hide-for-xxlarge-only,
    .hide-for-xxlarge-up,
    .hide-for-xxlarge,
    .show-for-xxlarge-down { display: inherit !important; }
    .show-for-xsmall-only,
    .hide-for-xsmall-up,
    .show-for-xsmall,
    .show-for-xsmall-down,
    .show-for-small-only,
    .hide-for-small-up,
    .show-for-small,
    .show-for-small-down,
    .show-for-medium-only,
    .hide-for-medium-up,
    .show-for-medium,
    .show-for-medium-down,
    .hide-for-large-only,
    .hide-for-large-up,
    .hide-for-large,
    .hide-for-large-down,
    .show-for-xlarge-only,
    .show-for-xlarge-up,
    .show-for-xlarge,
    .hide-for-xlarge-down,
    .show-for-xxlarge-only,
    .show-for-xxlarge-up,
    .show-for-xxlarge,
    .hide-for-xxlarge-down { display: none !important; }
}

/*@media only screen and (max-width: 25.8125em), only screen and (min-width: 25.875em) and (max-width: 40em), only screen and (min-width: 40.0625em) and (max-width: 48em) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: fixed; }
    .main-container { padding-top: 54px; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs {height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important;}
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    div.slider-main { display: none;}
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 42% !important; }
    #card-designs { height: 350px !important; }
    .advanced-slider img { border-radius: 20px; width: 220px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { left: 15px; }
    h3.thumbnail-title { font-size: 16px !important; width: 220px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 11px !important; padding-top: 10px !important; width: 220px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { bottom: -20px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 140px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 140px !important; left: 335px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
}*/

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    .main-container { display: none; }
    div.xxl-menu-tab.active { display: none; }
    div.panel-listgrid { display: none; }
}

@media only screen and (min-width : 320px) and (max-width : 553px) and (orientation : portrait) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: fixed; }
    .main-container { padding-top: 54px; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    .panel-card-designs { margin-top: 30px !important; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 42% !important; }
    #card-designs { height: 330px !important; width: 270px !important; }
    .advanced-slider img { border-radius: 20px; width: 180px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { top: 20px !important; left: -20px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 180px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 180px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { bottom: -20px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 180px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 180px !important; left: 230px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -2.3rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 30px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}

@media only screen and (min-width : 320px) and (max-width : 568px) and (orientation : portrait) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: fixed !important; }
    .main-container { padding-top: 54px; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    .panel-card-designs { margin-top: 30px !important; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 50% !important; }
    #card-designs { height: 330px !important; width: 270px !important; }
    .advanced-slider img { border-radius: 20px; width: 180px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { top: 20px !important; left: -20px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 180px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 180px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { bottom: -20px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 180px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 180px !important; left: 230px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -2.3rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 30px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}













/*@media only screen and (min-width : 360px) and (max-width : 640px) and (orientation : landscape) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: relative !important; }
    .main-container { padding-top: 54px; margin-bottom: 500px !important; position: relative !important;}
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs {height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important;}
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    .panel-card-designs { margin-top: 20px !important; margin-left: 40px !important;}
    #card-design-panel { top: 45px !important; width: 150px !important; }
    div.slider-main { display: none !important;}
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 73.5% !important; }
    #card-designs { height: 350px !important; width: 550px !important;}
    .advanced-slider img { border-radius: 20px; width: 200px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { height: 300px !important; top: 0px !important; left: -12px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 200px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 200px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { top: -90px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 160px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 160px !important; left: 510px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }
    ul.nav-privacy { margin-top: -0.7rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 30px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}*/





@media only screen and (min-width : 360px) and (max-width : 640px) and (orientation : portrait) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: fixed; }
    .main-container { padding-top: 54px; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    .panel-card-designs { margin-top: 50px !important; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 45% !important; }
    #card-designs { height: 350px !important; width: 310px !important; }
    .advanced-slider img { border-radius: 20px; width: 200px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { height: 300px !important; top: 0px !important; left: -12px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 200px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 200px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { bottom: -20px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 180px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 180px !important; left: 272px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -2.3rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 30px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}

@media only screen and (min-width : 375px) and (max-width : 667px) and (orientation : portrait) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: fixed; }
    .main-container { padding-top: 54px; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    .panel-card-designs { margin-top: 50px !important; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 42% !important; }
    #card-designs { height: 350px !important; width: 325px !important; }
    .advanced-slider img { border-radius: 20px; width: 200px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { height: 300px !important; top: 0px !important; left: -5px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 200px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 200px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { bottom: -20px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 180px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 180px !important; left: 288px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -2.3rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 30px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}

@media only screen and (min-width : 400px) and (max-width : 640px) and (orientation : portrait) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: fixed; }
    .main-container { padding-top: 54px; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    .panel-card-designs { margin-top: 50px !important; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 45% !important; }
    #card-designs { height: 350px !important; width: 350px !important; }
    .advanced-slider img { border-radius: 20px; width: 220px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { height: 300px !important; top: -30px !important; left: -4px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 220px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 220px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { bottom: -20px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 180px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 180px !important; left: 313px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -0.7rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 25px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}

@media only screen and (min-width : 414px) and (max-width : 736px) and (orientation : portrait) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: fixed; }
    .main-container { padding-top: 54px; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    .panel-card-designs { margin-top: 50px !important; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 42% !important; }
    #card-designs { height: 350px !important; width: 365px !important; }
    .advanced-slider img { border-radius: 20px; width: 220px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { height: 300px !important; top: -30px !important; left: 5px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 220px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 220px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { bottom: -20px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 180px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 180px !important; left: 326px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -0.7rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 25px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}

@media only screen and (min-width : 1080px) and (max-width : 1920px) {
    #shihlin-logo { margin-left: -28rem !important; }
    #nav-desktop .menu-desktop > ul { margin-right: -28rem !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { top: 20px !important; }
    .panel-card-designs { display: none !important; }
}


@media only screen and (min-width : 900px) and (max-width : 1600px) {
    #shihlin-logo { margin-left: -18rem !important; }
    #nav-desktop .menu-desktop > ul { margin-right: -20rem !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { top: 20px !important; }
    .panel-card-designs { display: none !important; }
}

@media only screen and (min-width : 900px) and (max-width : 1440px) {
    #shihlin-logo { margin-left: -12rem !important; }
    #nav-desktop .menu-desktop > ul { margin-right: -15rem !important; }
    .panel-card-designs { display: none !important; }
}

@media only screen and (min-width : 768px) and (max-width : 1368px) {
    #shihlin-logo { margin-left: -11rem !important; }
    #nav-desktop .menu-desktop > ul { margin-right: -12rem !important; }
    .main-container { display: block !important; }
    .tab-wrapper { margin: -390px 0 0 350px !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { top: 0px !important; }
}

@media only screen and (min-width : 800px) and (max-width : 1280px) {
    #shihlin-logo { margin-left: -8rem !important; }
    #nav-desktop .menu-desktop > ul { margin-right: -9rem !important; }
    .main-container { display: block !important; }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    #shihlin-logo { margin-left: 0rem !important; }
    #nav-desktop .menu-desktop > ul { margin-right: -1rem !important; }
    .main-container { display: block !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { top: 20px !important; }
}

@media only screen and (min-width : 600px) and (max-width : 960px) {
    #shihlin-logo { margin-left: 0rem !important; }
    #nav-desktop .menu-desktop > ul { margin-right: -1rem !important; }
    .main-container { display: block !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { top: 20px !important; }
}

@media only screen and (min-width : 800px) and (max-width : 1280px) and (orientation : landscape) {
    #shihlin-logo { margin-left: -6rem !important; }
    #nav-desktop .menu-desktop > ul { margin-right: -8rem !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { top: 50px !important; }
    .thumbnails-visible-container grab
    {
        top:100px!important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    #shihlin-logo { margin-left: 0rem !important; }
    #nav-desktop .menu-desktop > ul { margin-right: -1rem !important; }
}


@media only screen and (min-width : 600px) and (max-width : 960px) and (orientation : landscape) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: fixed !important; }
    .main-container { padding-top: 54px; position: fixed !important; }
    #shihlin-logo { margin-left: 0rem !important; margin-right: 1rem !important; margin-top: 0 !important; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    .panel-card-designs { display: block !important; margin-top: 50px !important; margin-left: 60px !important; }
    .hide-for-large-up { left: 575px !important; display: block !important; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 48% !important; }
    #card-designs { height: 350px !important; width: 550px !important; }
    .advanced-slider img { border-radius: 20px; width: 200px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { height: 300px !important; top: 0px !important; left: -12px !important; width:476px!important;}
    h3.thumbnail-title { font-size: 14px !important; width: 200px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 200px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { top: -90px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 160px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 160px !important; left: 510px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -0.7rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 30px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}

@media only screen and (min-width : 414px) and (max-width : 736px) and (orientation : landscape) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: relative !important; }
    .main-container { padding-top: 54px; margin-bottom: 500px !important; position: relative !important; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    .panel-card-designs { margin-top: 20px !important; margin-left: 88px !important; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    .hide-for-large-up { left: inherit !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 77.5% !important; }
    #card-designs { height: 350px !important; width: 550px !important; }
    .advanced-slider img { border-radius: 20px; width: 200px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { height: 300px !important; top: 0px !important; left: -12px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 200px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 200px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { top: -90px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 160px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 160px !important; left: 510px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -0.7rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 30px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}

@media only screen and (min-width : 375px) and (max-width : 667px) and (orientation : landscape) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: relative !important; }
    .main-container { padding-top: 54px; margin-bottom: 500px !important; position: relative !important; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    .panel-card-designs { margin-top: 20px !important; margin-left: 55px !important; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    .hide-for-large-up { left: inherit !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 75% !important; }
    #card-designs { height: 350px !important; width: 550px !important; }
    .advanced-slider img { border-radius: 20px; width: 200px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { height: 300px !important; top: 0px !important; left: -12px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 200px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 200px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { top: -90px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 160px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 160px !important; left: 510px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -0.7rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 30px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}

@media only screen and (max-width : 640px) and (orientation : landscape) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: relative !important; }
    .main-container { padding-top: 54px; margin-bottom: 500px !important; position: relative !important; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    .panel-card-designs { margin-top: 20px !important; margin-left: 42px !important; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    .hide-for-large-up { left: inherit !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 76.5% !important; }
    #card-designs { height: 350px !important; width: 550px !important; }
    .advanced-slider img { border-radius: 20px; width: 200px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { height: 300px !important; top: 0px !important; left: -12px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 200px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 200px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { top: -90px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 160px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 160px !important; left: 510px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -0.7rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 30px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}

@media only screen and (min-width : 320px) and (max-width : 568px) and (orientation : landscape) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: relative !important; }
    .main-container { padding-top: 54px; margin-bottom: 430px !important; position: relative !important; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    .panel-card-designs { margin-top: 30px !important; margin-left: 145px !important; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    #card-design-panel p { font-size: 12px !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 70.5% !important; }
    #card-designs { height: 330px !important; width: 270px !important; top: 10px !important; }
    .advanced-slider img { border-radius: 20px; width: 180px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { top: 0px !important; left: -20px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 180px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 180px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { bottom: -20px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 160px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 160px !important; left: 230px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -0.7rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 30px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}

@media only screen and (min-width : 320px) and (max-width : 553px) and (orientation : landscape) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: fixed; position: relative !important; }
    .main-container { padding-top: 54px; margin-bottom: 430px !important; position: relative !important; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    .panel-card-designs { margin-top: 30px !important; margin-left: 145px !important; }
    #card-design-panel { top: 45px !important; width: 120px !important; }
    #card-design-panel p { font-size: 12px !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 70% !important; }
    #card-designs { height: 330px !important; width: 270px !important; top: 10px !important; left: -10px !important; }
    .advanced-slider img { border-radius: 20px; width: 180px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { top: -10px !important; left: -20px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 180px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 180px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { bottom: -20px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 150px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 150px !important; left: 230px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -0.7rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 30px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}

@media only screen and (min-width : 600px) and (max-width : 960px) and (orientation : portrait) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: fixed; }
    .main-container { padding-top: 54px; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none; }
    .panel-card-designs { margin-top: 50px !important; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 32% !important; }
    #card-designs { height: 400px !important; width: 550px !important; }
    .advanced-slider img { border-radius: 20px; width: 220px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { height: 300px !important; top: -150px !important; left: -21px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 200px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 200px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { bottom: -20px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: 20px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: 20px !important; left: 512px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -0.7rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 25px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: fixed; }
    .main-container { padding-top: 54px; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none !important; }
    .panel-card-designs { margin-top: 50px !important; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 28% !important; }
    #card-designs { height: 400px !important; width: 740px !important; }
    .advanced-slider img { border-radius: 20px; width: 200px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { height: 300px !important; top: -280px !important; left: -33px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 200px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 200px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { bottom: -20px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: -110px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: -110px !important; left: 703px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -0.7rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 25px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}

@media only screen and (min-width : 800px) and (max-width : 1280px) and (orientation : portrait) {
    body { background: url('../../img/shihlintheme.jpg') repeat; position: fixed; }
    .main-container { padding-top: 54px; }
    #shihlin-logo { margin-left: 0rem; margin-right: 1rem; margin-top: 0; padding: 9px 0; width: 100px; }
    #shihlin-header, #shihlin-card-header { position: fixed; left: 0; right: 0; top: 0; z-index: 9; }
    header#shihlin-card-designs { height: 60px !important; border-bottom: 4px solid #E99D3B; background: #830304 !important; }
    div#responsive-desktop-slider.advanced-slider.glossy-square-gray.webkit { display: none !important; }
    .hide-for-large-up { left: 575px !important; display: block !important; }
    .panel-card-designs { margin-top: 50px !important; }
    #card-design-panel { top: 45px !important; width: 150px !important; }
    div.slider-main { display: none !important; }
    img { padding-bottom: 0.0rem !important; }
    .xxl-menu-tab { height: 28% !important; }
    #card-designs { height: 400px !important; width: 740px !important; }
    .advanced-slider img { border-radius: 20px; width: 200px !important; }
    .advanced-slider .thumbnail-scroller .thumbnails-visible-container { height: 300px !important; top: -280px !important; left: -33px !important; }
    h3.thumbnail-title { font-size: 14px !important; width: 200px !important; padding-top: 20px !important; }
    p.thumbnail-description { font-size: 10px !important; padding-top: 10px !important; width: 200px !important; }
    #card-panel { right: 10px !important; top: 45px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal { bottom: -20px !important; margin-left: -48px; max-width: 100px; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.previous { top: -110px !important; }
    .glossy-square-gray .thumbnail-scroller.horizontal .arrows a.next { top: -110px !important; left: 703px !important; }
    .glossy-square-gray .thumbnail-scroller .thumbnail.select, .advanced-slider .thumbnail { min-height: 300px; }
    
    /*span.footer-welcome { line-height: 50px !important; font-size: 20px !important; margin-top: -24px !important; letter-spacing: 8px !important; }*/
    ul.nav-privacy { margin-top: -0.7rem !important; margin-right: 3.5rem !important; }
    li.privacy { margin-left: 25px !important; }
    div.bottom-line { width: 1px !important; margin: -15px 10px 0 122px !important; }
    li.terms { margin-top: -22px !important; margin-right: -60px !important; }
    a#privacy-terms.link, a#terms-of-use.link { font-size: 9px !important; }
}
