/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */

@media only screen and (min-width : 300px) {

    .next-prev-post-left > span,
    .next-prev-post-right > span {
        display: none;
    }

    .top-seller-carousel > .owl-carousel .owl-item > .item .item-inner .item-img {
        width: 44%;
    }

    .width-thirty-six-responsive {
        width: 100%;
    }

    .lower-right-img {
        float: left;
        width: 100%;
        height: 100%;
    }

    .padding-right-zero-responsive{
        padding-right: 0px;
        padding-left: 0px;
    }

    .padding-right-zero-lg{
        padding-right: 15px;
        padding-left: 15px;
    }

    .padding-left-zero-lg{
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .padding-left-zero-responsive{
        padding-right: 0px;
        padding-left: 0px;
    }


    .dropdown-container > .dropdown-menu {
        width: 100%;
    }

    .classified-field {
        margin-bottom: 2.3em;
    }

    .dropdown-container > button > .caret {
        right: .5em;
    }

    .padding-both-responsive-fifteen {
        padding-left: 5%;
        padding-right: 5%;
    }
    

/*==================================================
=  Media Queries (only effects google chrome       =
==================================================*/
    @media screen and (-webkit-min-device-pixel-ratio:0) {

        .left-image{
            height: auto;
        }

        .welcome-note {
            height: auto;
        }

        .lower-img {
            height: auto;
        }

        .welcome-main-img {
            height: auto;
        }

    }
    /*==========  End of Media Queries (only effects google chrome  ==========*/


}

@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    .padding-right-zero-responsive{
        padding-right: 0px;
        padding-left: 15px;
    }

    .padding-left-zero-responsive{
        padding-right: 15px;
        padding-left: 0px;
    }

    .width-thirty-six-responsive {
        width: 67%;
    }

    .welcome-section > div{
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;
    }

    .get-in-touch-form .form-group {
        width: 81%;
    }

    .main-search-form > div.input-container:last-child {
        width: 7%;
        padding-right: 0px;
        position: relative;
        height: 71px;
    }

/*==================================================
=  Media Queries (only effects google chrome       =
==================================================*/
    @media screen and (-webkit-min-device-pixel-ratio:0) {

        .left-image{
            height: 58em;
        }

        .welcome-note {
            height: 39.4em;
        }

        .lower-img {
            height: 19em;
        }

        .welcome-main-img {
            height: 100%;
        }

    }
    /*==========  End of Media Queries (only effects google chrome  ==========*/
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    .top-seller-carousel > .owl-carousel .owl-item > .item .item-inner .item-img {
        width: 44%;
    }

    .post-option-title {
        padding-top: 9%;
        float: left;
        color: #ef9d87;
        font-weight: bold;
        font-size: 12px;
    }

    .search-form > form > .classified-field:first-child, .search-form > form > .classified-field:nth-child(2) {
        width: 29%;
        padding: 0px;
        padding-right: 15px;
    }

    .search-form > form > .classified-field:last-child {
        width: 42%;
    }

    .dropdown-container > .dropdown-menu {
        width: 94%;
    }

    .classified-field {
        margin-bottom: inherit;
    }

    .dropdown-container > button > .caret {
        right: 1.5em;
    }

    .padding-right-zero-lg{
        padding-right: 0px;
        padding-left: 15px;
    }

    .padding-left-zero-lg{
        padding-right: 15px;
        padding-left: 0px;
    }

}

/* Large-mid Devices, Wide Screens */
@media only screen and (min-width : 1024px) {

    .top-bar .has-dropdown > a:after {
        margin-top: -15px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    .next-prev-post-left > span,
    .next-prev-post-right > span {
        display: inline;
    }

    .width-thirty-six-responsive{
        width: 35%;
    }

    .main-search-form > div.input-container {
        width: 31%;
    }

    .main-search-form > div.input-container:first-child {
        padding-left: 0px;
    }

    .Product-detail {
        padding: 0% 15%;
    }

    .padding-both-responsive-fifteen {
        padding-left: 15%;
        padding-right: 15%;
    }

}

/* Larger Devices, Wide Screens */
@media only screen and (min-width : 1350px) {

}

/* Extra Large Devices, Wide Screens */
@media only screen and (min-width : 1550px) {

}

/*==================================================
=  Media Queries (only effects google chrome       =
==================================================*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
}

/*==========  End of Media Queries (only effects google chrome  ==========*/


/*==================================================
=  Media Queries (only effects google chrome       =
==================================================*/
/* Small Devices, Tablets */
@media only screen and (max-width : 790px) {
    .site-topbar .topbar-left {
        float: none;
    }

    .site-topbar .container {
        padding: 0px;
        width: 100%;
        position: relative;
        max-width: 1230px;
    }

    .site-topbar .widget {
        display: block;
        width: 100%;
        text-align: center;
        border-top: 1px solid #E9E9E9;
        margin: 0px;
    }

    .site-topbar .topbar-right {
        float: none;
    }

    .navbar-nav li:not(:last-child) a {
        margin-top: 0px;
    }
}
/*==========  End of Media Queries (only effects google chrome  ==========*/