/* ----------- 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, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 569px) and (-webkit-min-device-pixel-ratio: 2) {
    /*** Globals ***/
    .modal-dialog {
        width: 93%;
    }

    header{
        padding: 10px 0 0 0;
    }

    #main-nav{
        width: 50px;
        margin: 0 0 0 10px;
        position: relative;
        top: -60px;
    }

    #navbarSupportedContent{

    }

    #header-buttons {
        width: 40px;
        left: 40px;
        top: 0px;
    }

    #faqs, #refills, #login{
        display: none;
    }

    #MiniCart_PnlMainMiniCartControls {
        float: right;
        width: 40px;
        padding: 0;
    }

    #MiniCart_HprLnkMyCart {
        display: inline-block;
        width: 40px !important;
        position: relative;
        top: 20px;
        left: 60px;
        float: right;
    }

    #MiniCart_LblMiniCartSummary{
        display: none;
    }

    #product-search, #header-search, #pnlHeaderAdminTools {
        display: none;
    }

        #product-search input {
            border: 1px solid #808080;
        }

    #logo {
        width: 200px;
        flex: none;
        margin-left: 80px;
    }

    #main-content {
        width: 100%;
    }

    nav#main {
        float: left;
        margin-top: 35px;
    }

    .navbar {
        padding: 0;
        z-index: 300;
    }

    .navbar-nav {
        padding: 10px;
        font-size: larger;
        width: 100%;
        margin-left: -15px;
    }

        .navbar-nav .nav-item {
            padding-right: 200px !important;
            padding-left: 15px;
        }

    #HprLnkMyCart {
        position: relative;
        top: -33px;
        left: 300px;
    }

    i#shopping-cart {
        font-size: 24px;
    }

    /*** Homepage ***/
    #hompage-ctas .col-3 {
        max-width: 20%;
    }

    #hompage-ctas img {
        max-height: 63px;
    }

    /*** About Page ***/
    #about-photos {
        display: none;
    }

    #about-col-left, #about-col-right {
        min-width: 100%;
        margin-bottom: 30px;
    }

    #parent-company .full {
        width: 100%;
    }

    #parent-company .left {
        float: left;
        width: 100px;
        text-align: right;
        font-weight: 500;
    }

    #parent-company .right {
        float: right;
        width: 250px;
    }

    #parent-company .clear {
        clear: both;
    }


    /*** Product Page ***/
    #product-family {
        margin: 0 15px;
    }

    #ImgProdFamImg {
        max-height: 50px;
    }

    #product-attributes {
        margin-left: 0px;
        width: 300px;
    }

    #MainContent_Pnl_PurchaseSection {
        margin: 10px 10px 10px 0;
        min-width: 315px;
    }

    #product-image {
        /*display: none;*/
        width: 90%;
        margin: 0 auto;
        padding-left: 20px;
    }

    #AvailableProductsContainer {
        width: 115%;
        margin-left: -25px;
    }


    /*** Fine Writing Page ***/
    #fine-writing-img-col img {
        width: 100% !important;
        flex-basis: 1 !important;
        margin-top: 30px;
        display: block !important;
    }

    #fine-writing{
        flex-basis: 1 !important;
        display: block !important;
    }

    
    /*** My Cart Page ***/
    #MiniCartContent {
        background: #fff !important;
    }

    #CurrSectionImg {
        display: none;
    }

    .product-thumbnail {
        max-width: 50%;
    }

    #promo-wrapper {
        padding: 0;
    }

    #promo-spacer1, #promo-spacer2 {
        display: none;
    }

    #cart-image-column {
        display: none;
    }

    /*** Check Out Page ***/
    #RegisterControls .text-end {
        text-align: left !important;
        margin: 0 !important;
    }

    #RegisterControls input[type=text], #RegisterControls input[type=email], #RegisterControls input[type=password], #RegisterControls select {
        margin-left: 10px;
    }


    #cart-checkout .card {
        margin-top: 20px;
    }

    #cart-checkout .col, #cart-checkout .col-3, #RegisterControls .col, #RegisterControls .col-3 {
        max-width: 100% !important;
        flex: none;
    }

    /*** Personalization Page ***/
    #PnlStep2 .col-4 {
        max-width: 100%;
        flex: none;
    }

    /*** FAQ Page ***/
    .expand {
        display: none;
    }

    #cleaning li, #repair li {
        margin-left: -20px;
    }

    .QandA #locations .p50 {
        width: 100%;
    }

    .modal {
        z-index: 1072;
    }

    .modal-backdrop {
        z-index: 1071;
    }

    #NewEnlargedPreview {
        max-width: 100%;
    }

    #personalized .col-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 15px;
    }

    /** footer **/
    #footer-logo{
        display: block;
        width: 100%;
        margin: 20px 0;
    }
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #ddl-view{
        display: none;
    }

    .cart-details, .table-responsive {
        padding: 0;
    }
}

/* 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, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    /*** Globals ***/
    .modal-dialog {
        width: 93%;
    }

    #main-content {
    }

    nav#main {
        float: left;
        margin-top: 35px;
    }

    .navbar {
        padding: 0;
        z-index: 300;
    }

    .navbar-nav {
        background: #fff;
        padding: 10px;
        font-size: larger;
        width: 100%;
        margin-left: -15px;
    }

        .navbar-nav .nav-item {
            padding-right: 200px !important;
            padding-left: 15px;
        }

    #HprLnkMyCart {
        position: relative;
        top: -33px;
        left: 300px;
    }

    i#shopping-cart {
        font-size: 24px;
    }

    #product-search {
        margin: 90px 0 0 20px;
        width: 250px;
    }

        #product-search input {
            border: 1px solid #808080;
        }

        #bc-container{
        margin-top: 10px !important;
    }

    #MiniCartResponsive_PnlMainMiniCartControls {
        top: -32px;
        left: 8px;
    }

        #MiniCartResponsive_PnlMainMiniCartControls #shopping-cart {
            font-size: 20px;
        }

    #MiniCartResponsive_LblMiniCartSummary {
        display: none;
    }

    /*** Homepage ***/
    #hompage-ctas .col-3 {
        max-width: 20%;
    }

    #hompage-ctas img {
        max-height: 63px;
    }

    /*** About Page ***/
    #about-photos {
        display: none;
    }

    #about-col-left, #about-col-right {
        min-width: 100%;
        margin-bottom: 30px;
    }

    #parent-company .full {
        width: 100%;
    }

    #parent-company .left {
        float: left;
        width: 100px;
        text-align: right;
        font-weight: 500;
    }

    #parent-company .right {
        float: right;
        width: 250px;
    }

    #parent-company .clear {
        clear: both;
    }


    /*** Product Page ***/
    #product-family {
        margin: 0 15px;
    }

    #ImgProdFamImg {
        max-height: 50px;
    }

    #product-attributes {
        margin-left: 0px;
        width: 300px;
    }

    #MainContent_Pnl_PurchaseSection {
        margin: 10px 10px 10px 0;
        min-width: 315px;
    }


    /*** Fine Writing Page ***/
    #ImgFineWriting {
        
    }

    /*** My Cart Page ***/
    #MiniCartContent {
        background: #fff !important;
    }

    #CurrSectionImg {
        display: none;
    }

    .product-thumbnail {
        max-width: 50%;
    }

    #promo-wrapper {
        padding: 0;
    }

    #promo-spacer1, #promo-spacer2 {
        display: none;
    }

    #cart-image-column {
        display: none;
    }

    /*** Check Out Page ***/
    #RegisterControls .text-end {
        text-align: left !important;
        margin: 0 !important;
    }

    #RegisterControls input[type=text], #RegisterControls input[type=email], #RegisterControls input[type=password], #RegisterControls select {
        margin-left: 10px;
    }


    #cart-checkout .card {
        margin-top: 20px;
    }

    #cart-checkout .col, #cart-checkout .col-3, #RegisterControls .col, #RegisterControls .col-3 {
        max-width: 100% !important;
        flex: none;
    }

    /*** Personalization Page ***/
    #PnlStep2 .col-4 {
        max-width: 100%;
        flex: none;
    }

    /*** FAQ Page ***/
    .expand {
        display: none;
    }

    #cleaning li, #repair li {
        margin-left: -20px;
    }

    .QandA #locations .p50 {
        width: 100%;
    }

    .modal {
        z-index: 1072;
    }

    .modal-backdrop {
        z-index: 1071;
    }

    #NewEnlargedPreview {
        max-width: 100%;
    }

    #personalized .col-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 15px;
    }
}

 /*Portrait*/ 
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    #CsrEmailContainer {
        overflow-wrap: break-word;
    }

    #cs-contact-info i {
        display: none;
    }

    #product-image {
        display: none;
    }

    #pathSelectTabContent .col-3, #PnlStep1 .col-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    #personalized .col-3, #TextAndIconUI .col-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
}

 /*Landscape*/ 
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    #faqs, #refills, #login {
        display: none;
    }

    #main-nav{
        margin-left: 10px;
    }

    #logo{
        margin-left: 80px;
    }

    .navbar-nav .nav-item {
        padding-right: 520px !important;
        padding-left: 15px;
    }

    .container {
        max-width: 820px;
    }

    #header-search {
        display: none;
    }

    #MiniCart_HprLnkMyCart {
        display: inline-block;
        width: 40px !important;
        position: relative;
        top: 30px;
        left: -160px;
    }

    #MiniCart_LblMiniCartSummary{
        display: none;
    }

    #main-content {
        margin-top: -20px;
        padding-right: 5px;
    }

    #refine-selection {
        flex: 0 0 26%;
        max-width: 26%;
    }

    #product-families {
        flex: 0 0 74%;
        max-width: 74%;
    }

    #ProductPgSelectedProductImg {
        max-height: 600px;
    }

    #product-image {
        flex: 0 0 26%;
        max-width: 26%;
    }

    #product-attributes {
        width: 600px;
    }

    #pathSelectTabContent .col-3, #PnlStep1 .col-3 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    #TextAndIconUI .col-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

 /*----------- iPhone 6+, 7+ and 8+ -----------*/ 

 /*Portrait and Landscape*/ 
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
    /*** Globals ***/
    .modal-dialog {
        width: 93%;
    }

    #main-content {

    }

    nav#main {
        float: left;
        margin-top: 35px;
    }

    .navbar {
        padding: 0;
        z-index: 300;
    }

    .navbar-nav {
        background: #fff;
        padding: 10px;
        font-size: larger;
        width: 100%;
        margin-left: -15px;
    }

        .navbar-nav .nav-item {
            padding-right: 200px !important;
            padding-left: 15px;
        }

    #HprLnkMyCart {
        position: relative;
        top: -33px;
        left: 300px;
    }

    i#shopping-cart {
        font-size: 24px;
    }

    #product-search {
        margin: 90px 0 0 20px;
        width: 250px;
    }

        #product-search input {
            border: 1px solid #808080;
        }

        #bc-container{
        margin-top: 10px !important;
    }

    #MiniCartResponsive_PnlMainMiniCartControls {
        top: -32px;
        left: 8px;
    }

        #MiniCartResponsive_PnlMainMiniCartControls #shopping-cart {
            font-size: 20px;
        }

    #MiniCartResponsive_LblMiniCartSummary {
        display: none;
    }
    /*** Homepage ***/
    #hompage-ctas .col-3 {
        max-width: 20%;
    }

    #hompage-ctas img {
        max-height: 63px;
    }

    /*** About Page ***/
    #about-photos {
        display: none;
    }

    #about-col-left, #about-col-right {
        min-width: 100%;
        margin-bottom: 30px;
    }

    #parent-company .full {
        width: 100%;
    }

    #parent-company .left {
        float: left;
        width: 100px;
        text-align: right;
        font-weight: 500;
    }

    #parent-company .right {
        float: right;
        width: 250px;
    }

    #parent-company .clear {
        clear: both;
    }


    /*** Product Page ***/
    #product-family {
        margin: 0 15px;
    }

    #ImgProdFamImg {
        max-height: 50px;
    }

    #product-attributes {
        margin-left: 0px;
        width: 300px;
    }

    #MainContent_Pnl_PurchaseSection {
        margin: 10px 10px 10px 0;
        min-width: 315px;
    }


    /*** Fine Writing Page ***/
    #ImgFineWriting {
        
    }

    /*** My Cart Page ***/
    #MiniCartContent {
        background: #fff !important;
    }

    #CurrSectionImg {
        display: none;
    }

    .product-thumbnail {
        max-width: 50%;
    }

    #promo-wrapper {
        padding: 0;
    }

    #promo-spacer1, #promo-spacer2 {
        display: none;
    }

    #cart-image-column {
        display: none;
    }

    /*** Check Out Page ***/
    #RegisterControls .text-end {
        text-align: left !important;
        margin: 0 !important;
    }

    #RegisterControls input[type=text], #RegisterControls input[type=email], #RegisterControls input[type=password], #RegisterControls select {
        margin-left: 10px;
    }


    #cart-checkout .card {
        margin-top: 20px;
    }

    #cart-checkout .col, #cart-checkout .col-3, #RegisterControls .col, #RegisterControls .col-3 {
        max-width: 100% !important;
        flex: none;
    }

    /*** Personalization Page ***/
    #PnlStep2 .col-4 {
        max-width: 100%;
        flex: none;
    }

    /*** FAQ Page ***/
    .expand {
        display: none;
    }

    #cleaning li, #repair li {
        margin-left: -20px;
    }

    .QandA #locations .p50 {
        width: 100%;
    }

    .modal {
        z-index: 1072;
    }

    .modal-backdrop {
        z-index: 1071;
    }

    #NewEnlargedPreview {
        max-width: 100%;
    }

    #personalized .col-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 15px;
    }
}

 /*Portrait*/ 
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
    #CsrEmailContainer {
        overflow-wrap: break-word;
    }

    #cs-contact-info i {
        display: none;
    }

    #product-image {
        display: none;
    }

    #pathSelectTabContent .col-3, #PnlStep1 .col-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    #personalized .col-3, #TextAndIconUI .col-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }
}

 /*Landscape*/ 
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {


    .navbar-nav .nav-item {
        padding-right: 520px !important;
        padding-left: 15px;
    }

    .container {
        max-width: 820px;
    }

    #product-search {
        margin: 20px 0 0 450px;
        padding: 0;
    }

    #HprLnkMyCart {
        position: relative;
        top: -33px;
        left: 730px;
    }

    #main-content {
        margin-top: -20px;
        padding-right: 5px;
    }

    #refine-selection {
        flex: 0 0 26%;
        max-width: 26%;
    }

    #product-families {
        flex: 0 0 74%;
        max-width: 74%;
    }

    #ProductPgSelectedProductImg {
        max-height: 600px;
    }

    #product-image {
        flex: 0 0 26%;
        max-width: 26%;
    }

    #product-attributes {
        width: 600px;
    }

    #pathSelectTabContent .col-3, #PnlStep1 .col-3 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    #TextAndIconUI .col-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

 /*----------- iPhone X -----------*/ 

 /*Portrait and Landscape*/ 
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {

    /*** Globals ***/
    .modal-dialog{
        width: 93%;
    }

    #main-content{

    }

    nav#main {
        float: left;
        margin-top: 35px;
    }

    .navbar {
        padding: 0;
        z-index: 300;
    }

    #admin-navbar .navbar-nav {
        background-color: #0b598f;
        margin-left: 0 !important;
    }

        #admin-navbar .navbar-nav .nav-item {
            padding: 0 !important;
        }

    .navbar-nav {
        background: #fff;
        padding: 10px;
        font-size: larger;
        width: 100%;
        margin-left: -15px;
    }

        .navbar-nav .nav-item {
            padding-right: 200px;
            padding-left: 15px;
        }

    #HprLnkMyCart{
        position: relative;
        top: -33px;
        left: 300px;
    }

    i#shopping-cart{
        font-size: 24px;
    }

    #product-search {
        margin: 90px 0 0 20px;
        width: 250px;
    }

        #product-search input {
            border: 1px solid #808080;
        }

    /*** Homepage ***/
    #hompage-ctas .col-3 {
        max-width: 20%;
    }

    #hompage-ctas img {
        max-height: 63px;
    }

    /*** About Page ***/
    #about-photos {
        display: none;
    }

    #about-col-left, #about-col-right {
        min-width: 100%;
        margin-bottom: 30px;
    }

    #parent-company .full {
        width: 100%;
    }

    #parent-company .left {
        float: left;
        width: 100px;
        text-align: right;
        font-weight: 500;
    }

    #parent-company .right {
        float: right;
        width: 250px;
    }

    #parent-company .clear {
        clear: both;
    }


    /*** Product Page ***/
    #product-family {
        margin: 0 15px;
    }

    #ImgProdFamImg {
        max-height: 50px;
    }

    #product-attributes {
        margin-left: 0px;
        width: 300px;
    }

    #MainContent_Pnl_PurchaseSection {
        margin: 10px 10px 10px 0;
        min-width: 315px;
    }


    /*** Fine Writing Page ***/
    #ImgFineWriting {
        
    }

    /*** My Cart Page ***/
    #MiniCartContent {
        background: #fff !important;
    }

    #CurrSectionImg{
        display: none;
    }

    .product-thumbnail{
        max-width: 50%;
    }

    #promo-wrapper{
        padding: 0;
    }

    #promo-spacer1, #promo-spacer2 {
        display: none;
    }

    #cart-image-column{
        display: none;
    }

    #PnlMainContent .row {
        margin: 0 !important;
    }

    /*** Check Out Page ***/
    #RegisterControls .text-end{
        text-align: left !important;
        margin: 0 !important;
    }

    #RegisterControls input[type=text], #RegisterControls input[type=email], #RegisterControls input[type=password], #RegisterControls select {
        margin-left: 10px;
    }


    #cart-checkout .card {
        margin-top: 20px;
    }

    #cart-checkout .col, #cart-checkout .col-3, #RegisterControls .col, #RegisterControls .col-3 {
        max-width: 100% !important;
        flex: none;
    }

    /*** Personalization Page ***/
    #PnlStep2 .col-4{
        max-width: 100%;
        flex: none;
    }

    /*** FAQ Page ***/
    .expand{
        display: none;
    }

    #cleaning li, #repair li {
        margin-left: -20px;
    }

    .QandA #locations .p50{
        width: 100%;
    }

    .modal{
        z-index: 1072;
    }

    .modal-backdrop{
        z-index: 1071;
    }

    #NewEnlargedPreview {
        max-width: 100%;
    }

    #personalized .col-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 15px;
    }
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {

    header{
        height: 102px;
    }

    #CsrEmailContainer {
        overflow-wrap: break-word;
    }

    #cs-contact-info i {
        display: none;
    }

    #product-image {
        /*display: none;*/
    }

    #pathSelectTabContent .col-3, #PnlStep1 .col-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    #personalized .col-3, #TextAndIconUI .col-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 15px;
    }

    .breadcrumb{
        border-radius: 0;
    }
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {

    #logo{
        margin-left: 100px;
    }

    #main-nav{
        margin-left: 20px;
    }


    .navbar-nav .nav-item {
        padding-right: 550px;
        padding-left: 15px;
    }

    i#questions, i#shopping-cart {
        font-size: 30px;
    }

    .container{
        max-width: 800px;
    }

    #product-search{
        margin: 20px 0 0 450px;
        padding: 0;
    }

    #HprLnkMyCart {
        position: relative;
        top: -33px;
        left: 730px;
    }

    #main-content {
        margin-top: 0px;
        padding-right: 5px;
    }

    #refine-selection {
        flex: 0 0 26%;
        max-width: 26%;
    }

    #product-families {
        flex: 0 0 74%;
        max-width: 74%;
    }

    #ProductPgSelectedProductImg{
        max-height: 600px;
    }

    #product-image {
        flex: 0 0 26%;
        max-width: 26%;
    }

    #product-attributes {
        width: 600px;
    }

    #pathSelectTabContent .col-3, #PnlStep1 .col-3 {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
    }

    #TextAndIconUI .col-4 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}


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

/* 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) {
    #main-nav {
        width: 50px;
        margin: 0 0 0 10px;
        position: relative;
        top: -80px;
    }

    #header-search {
        width: 180px;
        float: right;
        top: -120px;
        left: -17px;
    }

    .nav-item {
        padding-right: 600px;
        padding-left: 15px;
    }
}

/* 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, 4 and Pro 9.7" ----------- 

 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) {
    /*** Globals ***/
    #logo {
        margin-top: 0px;
        margin-right: 50px;
        margin-bottom: 20px;
        left: 115px;
        z-index: 300;
    }

    nav#main {
        float: left;
        margin-top: 10px !important;
    }

    .navbar {
        padding: 0;
        z-index: 300;
    }

    .navbar-nav {
        background: #fff;
        padding: 10px;
        font-size: larger;
        width: 100%;
        margin-left: -15px;
    }

    #MiniCart1_PnlMainMiniCartControls {
        margin-top: 100px;
    }

    #MiniCartContent {
        background: none !important;
    }

    #HprLnkMyCart {
        position: relative;
        top: -37px;
        left: 435px;
    }

    #product-search {
        margin: 15px 0 0 480px;
        width: 250px;
    }

        #product-search input {
            border: 1px solid #808080;
        }

    #main-content {
        margin-top: 33px;
    }

    /*** About Page ***/
    #about-photos {
        display: none;
    }

    #about-col-left, #about-col-right {
        min-width: 100%;
        margin-bottom: 30px;
    }

    #parent-company {
        margin-top: 40px;
    }

    #parent-company .full {
        width: 100%;
    }

    #parent-company .left {
        float: left;
        width: 200px;
        text-align: right;
        font-weight: 500;
    }

    #parent-company .right {
        float: right;
        width: 500px;
    }

    #parent-company .clear {
        clear: both;
    }
    #about-photo-3 {
        margin-top: 20px;
    }
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
}

/* ----------- iPad Pro 10.5" ----------- 

 Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait 
 Declare the same value for min- and max-width to avoid colliding with desktops 
 Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

}

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

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

 Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
}

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

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