/* Favorites page */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

    /* INDEX PAGE */
    .card-service-container {
        padding-left: 32px;
        padding-right: 32px;
    }

    .banners-container {
        padding-left: 32px;
        padding-right: 32px;
    }

    .medium-banner {
        margin-bottom: 16px;
    }
    
    .main-products {
        padding-left: 32px;
        padding-right: 32px;    
    }

    .big-banner-container {
        padding-left: 32px;
        padding-right: 32px;
    }

    .certificates {
        padding-left: 32px;
        padding-right: 32px;
    }

    .certificates-list img {
        float: none;
        margin-bottom: 24px !important;
        margin: auto;
    }
    
    /* END OF INDEX PAGE */

    /* PRODUCTS ANUNCIANTE PAGE */

    .banner{
        width: 50%;
    }
    
    /* END PRODUCTS ANUNCIANTE PAGE */

    /* FAVOURITES PAGE */

    .favorite-counter p {
        float: left;
        margin-left: 12px;
        margin-top: 8px;
    }

    .favorite-container {
        padding: 32px;
    }

    .product-favorite-content {
        margin-left: 0px;
        margin-top: 16px;
    }

    .product-small-image-favorite img {
        margin-top: 8px;
        object-fit: cover;
        padding-right: 8px;
    }

    .favorite-container {
        margin-top: 0px;
    }

    /* END OF FAVORITES*/

    /* REGISTER PAGE */

    .register-section {
        width: 100%;
        margin-top: 32px;
    }

    .register-section form  {
        padding: 16px;
    }

    /* END OF REGISTER */

    /* LOGIN PAGE */

    .login-section {
        width: 100%;
        margin-top: 32px;
    }    

    .login-section form {
        padding: 16px;
    }

    /* END OF LOGIN PAGE*/

    /* HISTORY PAGE */

    .history-section {
        margin-top: 24px;
    }

    .history-section .primary-btn {
        width: 100%;
        float: none;
        margin-top: 0px;
    }
    /* END OF HISTORY PAGE */

    /* START OF HELP PAGE */
    
    .help-item {
        padding-bottom: 40px;
        margin-bottom: 16px;
    }

    .help-item p{
        width: 270px;
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .single-help-item img{
        width: 100% !important; 
    }

    .search-bar-container h3 {
        margin-bottom: 24px;
    }

    .search-bar-container form {
        margin-bottom: 24px;
    }
    /* END OF HELP PAGE */


    /* START FORGET PASSWORD */
    .forget-password {
        width: 100%;
        margin-top: 32px;
    }

    /* END OF FORGET PASSWORD */

    /* START FORGET PASSWORD SUCCESS */

    .forget-password {
        width: 100%;
        margin-top: 32px;
    }

    .forget-password form {
        padding: 16px;
    }
    /* END OF FORGET PASSWORD SUCCESS */

    /* START OF SINGLE PRODUCT */

    .main-products h2{
        font-size: 20px;
    }

    .main-left-container {
        width: 100%;
        padding-left: 16px;
        padding-right: 16px;
    }

    #productDetails {
        width: 100%;
        height: 62px;
    }
   
    .product-details-title {
        height: 62px;
    }

    .product-description-title {
        height: 62px;
    }

    .main-right-container {
        float: none;
        width: 100%;
    }

    .share-btn {
        
        float: right;
        display: block;

    }

    .single-product-top {
        margin-bottom: 16px;
    }

    .navbar-default .navbar-toggle {
        margin-top: 36px;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: var(--white);
    }

    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: var(--green);
    }

    .navbar-collapse {
        z-index: 999;
        position: relative;
        background-color: var(--green);
        width: 100%;
        padding: 0px;
        border-top: none !important;
        margin-top: 24px;
    }

    .menu-list a {
        float: none;
        padding-left: 0px;
    }

    .menu-list span {
        display: none;
    }

    .header-btn{
        display: flex;
        justify-content: center;
        font-size: 15px;
    }

    .header-btn i{
        display: none;
    }

    .menu-searchbar {
        background-color: transparent;
    }

    .menu-searchbar select {
        width: 100%;
        margin-bottom: 16px;
    }

    .menu-searchbar input {
        border-radius: 4px;
        width: 100%;
    }

    .menu-background {
        padding-left: 0px;
        padding-right: 0px;
    }

    .product-container {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 16px;
    }

    .swiper-slide {
        width: 100% !important;
    }

    .categories-search-header-mobile {
        top: 78px;
        height: 55px;

        background-color: var(--white);
        border-bottom: 1px solid var(--lighter); 
    }

    .categories-filter {
        width: 100%;
    }

    /* .categories-search-container {
        width: 100%;
        
    } */

    .categories-search-header .col-md-9{
        width: 100%;
    }

    .categorie-tag {
        margin-bottom: 8px;
    }

    .product-list {
        width: 100%;
        padding-top: 140px;
    }

    .categories-selections-mobile {
        display: none;
    }

    .categorias-filtro-mobile {
        display: block;
        /* width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 16px; */
        all: unset;
    }

    .hide-btn-filtros{
        display: none;
    }

    .categorias-filtro-mobile-btn {
        border-radius: 4px;
        padding: 5px 10px;
        /* background-color: var(--white); */
        border: none;
        background-color: var(--green);
        text-align: left;
        color: var(--white);
        margin-top: 10px;
    }

    .categories-selections {
        width: 100%;
        /* margin-top: 152px; */
        top: 0;
        height: 100%;
        z-index: 9999;
    }

    .hide-close-filtros{
        display: none;
    }

    .categorias-selections-mobile-close {
        display: block;
        all: unset;
        color: var(--green);
        font-size: 30px;
        float: right;
        padding: 10px;
    }

    /* ajustes ao aplicar filtro */
    .categories-search-header-mobile{
        border-top: 1px solid var(--green);
    }

    .categories-search-header-mobile .custom-select{
        display: block;
        margin-right: -30px;
    }

    .hide-on-mobile{
        display: none;
    }
}