﻿@media only screen and (with:280px) {
    .nav {
        float: right;
    }

    .title-container {
        display: none;
    }
}

@media only screen and (max-width:540px) {
    .logo-container {
        width: 100% !important;
    }

    .search-menu-container {
        width: 100% !important;
    }

        .search-menu-container .row.search-login-in {
        }

    .footer {
        padding-left: 20px !important;
    }
}

@media only screen and (max-width:544px) {
    .productContainer {
        max-width: 100% !important;
    }

    .imgEffectContainer {
        margin-left: 20%;
    }
}

@media only screen and (width:577px) {
    #imgHeaderLogo {
        margin-bottom: 45px;
    }
}

@media only screen and (max-width: 767px) {


    .btnLogin {
        padding-top: 75px;
    }

    .navbar-kart {
        text-align: center;
        padding-right: 0;
        padding-top: 0;
    }



    .nav.navbar-nav.menu.menu-main-menu {
        text-align: center;
        text-transform: uppercase;
    }

    header {
        width: auto;
    }

    .login {
        text-align: center;
        width: 100%;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .logo {
        text-align: center;
        width: 100%;
    }

    #logo {
        width: 100%;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #383838;
    }

    .img-Grid {
        width: auto;
    }

    .dialog {
        width: auto;
    }

    .jumborton-sv-container {
        width: 100% !important;
    }
}

@media only screen and (max-width: 768px) {
    .company-info-container {
        margin-top: 0pt !important;
    }

    .contact-us-container, .call-to-action-container {
        position: unset;
    }

    .contact-form-container, .company-info-container, .request-demo-form-container, .talk-to-expert-form-container, .get-started-form-container, .learn-more-form-container, .let-us-talk-form-container {
        position: relative;
    }

        .contact-form-container .mail-img, .company-info-container .mail-img, .request-demo-form-container .mail-img, .talk-to-expert-form-container .mail-img, .get-started-form-container .mail-img, .learn-more-form-container .mail-img, .let-us-talk-form-container .mail-img {
            left: 40%;
        }
}

/*@media only screen and (max-width:989px) {
    .productContainer {
        max-width: 50% !important;
    }
}*/


@media (max-width: 992px) {
    #recentProductContainer {
        padding: 5%;
    }

    #gainzCart .col-sm-4 {
        width: 25%;
    }

    #gainzCart .col-sm-8, #gainzCart .col-md-8, #gainzCart .col-lg-8 {
        width: 75%;
    }

    #gainzCart .col-md-1 {
        width: 1%;
    }

    .itemPriceSizeColorContainer {
        padding: 5%;
    }
    .quantityContainer .btn-group:after {
        clear: both;
    }

    .detailImage {
        width: auto !important;
    }

    [aria-controls="menu_bar"] {
        display: none;
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }
    #navbarSupportedContent .ulCategoryMenu {
        display: unset !important;
    }

    .ulCategoryMenu, #left-category-container {
        display: none !important;
    }

    #navbarSupportedContent .searchCartControlContainer {
        display: none !important;
    }
}

@media (min-width: 992px) {
    #navbarSupportedContent .ulCategoryMenu {
        display: none !important;
    }

    .searchCartContainerHamburger {
        display: none !important;
    }

}

@media only screen and (max-width: 1199px) {
    .flexslider .slides img {
        width: auto;
    }

    .main img {
        height: auto;
    }
}

@media only screen and (max-width: 1200px) {
    .productDetailMediaControlContainer {
        max-width: 100% !important;
    }

    .ulCategoryMenu {
        flex: 0 0 30% !important;
    }
}

@media only screen and (max-width: 1400px) {

    .carousel-caption, .title-container {
        position: unset !important;
    }
}