﻿/* ----------- 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) {

    /*.subscribe.footer-top {
    margin: 0 auto;
    padding: 0;
    width: 320px;
}

    .subscribe.footer-top > li {
        float: left;
        list-style: none;
        margin-right: 5px;
    }

    .subscribe.footer-top label {
        display: block;
    }*/

    .subscribe.footer-top input[type=email] {
        margin-right: 5px;
        width: auto !important;
    }

    .subscribe.footer-top input {
        margin-right: 5px;
        width: auto !important;
    }

    .child_1 {
        float: none;
        width: 100%;
        text-align: center;
    }

    .child_2 {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
    }

    .homeProducts, .pull-left, .main-panel-nav {
        padding-left: 15px !important;
    }

    .homeProducts {
        padding-right: 0 !important;
    }

    .advertisement {
        min-height: auto !important;
        /* border-left: solid 10px #fff; */
        margin-bottom: 11px;
        padding: 1px;
        /* padding-right: 0 !important; */
        /* padding: 0; */
        /* padding-left: 0 !important; */
    }

        .advertisement a > img {
            height: auto !important;
        }

    .subscribe.footer-top {
        margin: 0 auto;
        padding: 5px 25px !important;
        width: auto !important;
    }

    .child_footer div {
        text-align: center;
    }

    .bottom-nav h3 {
        background-color: rgba(255, 255, 255, 0.92);
        padding: 0 25px !important;
        margin-bottom: 0;
        width: 100%;
        text-transform: capitalize;
        line-height: 25px;
    }

    .main-panel-nav .nav-tabs {
        border: none !important;
        display: table-cell;
        vertical-align: middle;
        font-size: 12px;
    }

    .similar-para {
        color: #fff; /*	ZA Changes	*/
        font-size: 25px !important; /*	ZA Changes	*/
        position: absolute; /*	ZA Changes	*/
        right: 30px; /*	ZA Changes	*/
        text-transform: capitalize; /*	ZA Changes	*/
        top: 0; /*	ZA Changes	*/
    }

    /*.p-bottom-section ul.list {
        padding-left: 20px !important;
    }*/

    /*.slick-track {
        width: 100% !important;
    }*/

    /*.slick-slide {
        width: 25% !important;
    }*/

    .slick-prev, .slick-next {
        position: absolute;
        display: block;
        height: 20px;
        width: 20px;
        line-height: 0px;
        font-size: 0px;
        cursor: pointer;
        background: transparent;
        color: transparent;
        top: 50%;
        margin-top: -10px;
        padding: 0;
        border: none;
        outline: none;
    }

    .slick-next {
        right: -12px !important;
    }

    .slick-prev {
        left: -12px !important;
    }

    .ReplacementPartDiv {
        min-width: 100% !important;
    }

    .list.top-margin {
        text-align: center;
        width: 100% !important;
        /*padding-left:20px !important;*/
    }

    footer .child_footer {
        width: 100% !important;
    }

    .similar_div {
        padding: 0 15px !important;
    }

    .secondary-nav {
        /*width: 100% !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) {

    .custom_menu {
        /*width:220px;*/
        /*margin-left: 54px;*/
    }

    .dropdown-menu ul {
        min-height: 310px !important;
    }


    .shoponline {
        
        position: absolute;
        left: 0;
        top: 54px;
        width: 160px;
    }

    #search_input_mobile .search_container {
        /*width: 220px !important;*/
    }


}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

    .custom_menu {
        /*width:385px;*/
        /*margin-left: 50px;*/
    }

    .shoponline {
        position: absolute;
        left: 0;
        top: 35px;
        width: 160px;
    }

    #search_input_mobile .search_container {
        width: 218px !important;
    }
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}
