/* Phones */
@media only screen and (max-width: 767px) {
        .hide-on-mobile{
            display: none !important;
        }
    
    /* Header */
        #masthead {
            padding-right: 12px;
		    padding-left: 12px;
            padding-bottom: 5px;
            padding-top: 5px;
            display: none;
        }

        .login-area .login{
            height: 80%;
        }

        .binsa_logo_header {
            max-width: 100%;
        }

        .floating{
            top: 0;
            padding-left: 0;
		    padding-right: 0;
            min-height: 75px;
        }

        .floating.wp-bar{
            top: 46px;
        }

        .floating .main .toggle-menu,
        .floating .main .search,
        .floating .main .user
        {
            height: 75px;
            width: 75px;
        }

        .floating .main{
            width: 100%;
            justify-content: space-between;
            height: 100%;
        }

        .floating .main .menu{
            height: 0;
            overflow: hidden;
            top: 75px;
            left: 0;
            right: 0;
            width: 100%;
        }

        .floating .main .menu .ubermenu-item{
            width: 100%;
            padding: 5px;
        }

        .floating .main .menu.opened{
            height: 100%;
            overflow: visible;
        }

        .floating .main .toggle-menu,
        .floating .main .user{
            display:flex;
            justify-content: center;
            align-items: center;
        }

        .floating .main .search{
            order: 1;
        }

        .floating .main .toggle-menu{
            order: 2;
        }

        .floating .main .user{
            order: 3;
        }

        .floating .main .logo{
            order: 4;
            display: none;
        }

        .floating .main .search i{
            font-size: 25px;
        }

    /* Footer */
        .footer_top, .footer_bottom {
            padding-left: 0;
            padding-right: 0;
        }

        .footer_top{
            display: none !important;
        }

        .footer_top .top_links{
            align-items: center;
        }

        .footer_bottom{
            height: 100px;
        }

        .footer_social{
            height: auto;
        }

        .footer_links{
            height: auto;
        }

    /* Side (only home) */
    body.home .sider{
        display: none;
    }

    body.home .sider.top{
        display: block;
        top: 75px;
        right: 0;
        left: 0;
        z-index: 90;
        bottom: unset;
    }

    /* Shortcuts (only home) */
    body.home .home-shortcuts{
        display: flex !important;
    }
    
    /* Site */
    .site{
        margin-top: 75px;
        min-height: calc(100vh - 90px - 75px);
    }

    .site.wp-bar{
        min-height: calc(100vh - 90px - 75px - 46px);
    }

    .site.wp-breadcrumb{
        margin-top: 88px; 
        min-height: calc(100vh - 90px - 88px); 
    }

    .site.wp-breadcrumb.wp-bar{
        min-height: calc(100vh - 90px - 88px - 46px);
    }

    .site #content{
        max-width: 1200px;
        display: block;
        padding-top: 20px;
    }

    /* Only home */
    body.home .site{
        min-height: calc(100vh - 90px - 75px - 75px); /* 75px from header and shortcuts */
    }

    body.home .site.wp-bar{
        min-height: calc(100vh - 90px - 75px - 46px - 75px); /* 75px from header and shortcuts */
    }

    /* Slider */
    body.home .site [id^=rev_slider],
    body.home .site [id^=rev_slider] *{
        height: calc(100vh - 90px - 75px - 75px) !important;
        min-height: 500px !important;
    }

    body.home .site.wp-bar [id^=rev_slider],
    body.home .site.wp-bar [id^=rev_slider] *{
        min-height: calc(100vh - 90px - 75px - 46px - 75px) !important; /* Same as min-height .site */ /* 75px from header and shortcuts */
    }

    /* Contacto */
    .post-10,
	.post-765,
	.post-841{
		margin-top: -20px;
	}

    /* Soluciones */
    .post-35,
	.post-724,
	.post-725{
		margin-top: -20px;
	}

    /* Noticias */
    .post-8,
	.post-764,
	.post-838{
		margin-top: -20px;
	}

    .news .vc_grid-item{
		padding-left: 15px !important;
        padding-right: 45px !important;
	}

    /* Quienes somos */
    .vc_section{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

    .vincke-description p:first-child{
		margin-right: auto !important;
	}

    .vincke-properties p{
		padding-right: auto !important;
	}

    .vincke-properties .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_col-sm-4{
		border-bottom: 0;
	}

    .vincke-properties .vc_row.wpb_row.vc_inner.vc_row-fluid:last-child .wpb_column.vc_col-sm-4:last-child{
		border-bottom: 1px solid #999999;
	}

	.vincke-properties .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_col-sm-4:first-child{
		border-right: 1px solid #999999;
	}

	.vincke-properties .vc_row.wpb_row.vc_inner.vc_row-fluid .wpb_column.vc_col-sm-4:last-child{
		border-left: 1px solid #999999;
	}

	.vincke-team .wpb_column:not(.empty):first-child .vc_column-inner[class^="vc_column-inner vc_custom_"]{
		border-right: 1px solid #999999;
	}

	.vincke-team .wpb_column:not(.empty):last-child .vc_column-inner[class^="vc_column-inner vc_custom_"]{
		border-left: 1px solid #999999;
	}

    .vincke-team .vc_row:last-child .wpb_column:not(.empty) .vc_column-inner[class^="vc_column-inner vc_custom_"]{
		border-bottom: 0;
	}

    .vincke-team .vc_row:last-child .wpb_column:not(.empty):last-child .vc_column-inner[class^="vc_column-inner vc_custom_"]{
		border-bottom: 1px solid #999999;
	}

    /* Woocommerce */
        .woo_search_bar_title,
        .woo_search_mini_NAV {
            display: none;
        }

        .woo_search_bar_input {
            padding: 0 20px;
        }
        
        .nav_product_img, .nav_product_table {
            width: 100%;
            margin-bottom: 40px;
        }

    /* Content Visual Composer Hack */
    .vc_row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Empresa */
    .empresa_icons_section {
        padding: 20px 0 20px 0;
    }

    .empresa_icons_section p {
        max-width: 300px;
        margin: auto;
    }

    /* Solicitud de acceso */
    .woo_new_user_application_wrapper {
        display: block;
    }

    select#billing_country {
        width: 100%;
    }
}

@media only screen and (max-width: 280px) {
    /* Header */
        #masthead {
            padding-right: 5px;
		    padding-left: 5px;
            padding-bottom: 5px;
            padding-top: 5px;
        }
}


/* Portrait Phones */
@media only screen and (max-width: 767px) and (orientation: portrait) {
}

/* Tablets */
@media only screen 
    and (min-width: 768px)
    and (max-width: 1200px) {
            
    /* Categories relacionades */
        .entry-summary .product-category.product .img_wrapper{
            height: 100px !important;
        }
}

/* Desktop */
@media only screen and (min-width: 1200px) {
    /* Categories relacionades */
    .entry-summary .product-category.product .img_wrapper{
        height: 100px !important;
    }
}

/* Footer Vincke img */
@media (max-width: 1080px) {
    .footer_middle img{
        display: none;
    }

    .footer_top .location{
        position: relative;
        left: unset;
    }
}

/* Header Vincke */
@media only screen 
    and (min-width: 730px)
    and (max-width: 920px){

    .user-area .woo_login_wrapper {
        margin-bottom: 5px;
    }
}

@media (min-width: 992px){
    .login-area{
        justify-content: right;
    }

    .login-area .lang-area{
        margin-left: 30px;
    }
}

@media (max-width: 767px){
    #masthead.wp-bar {
        top: 46px;
    }
}

@media (min-width: 768px) and (max-width: 782px){
    .floating.wp-bar{
        top: 130px;
    }
}

@media (min-width: 768px) and (max-width: 1100px){
    .floating{
		padding-left: 50px;
		padding-right: 50px;
	}
}

/* Woocommerce width */
@media (min-width: 768px){
    .woocommerce #content div.product div.summary, 
    .woocommerce div.product div.summary, 
    .woocommerce-page #content div.product div.summary, 
    .woocommerce-page div.product div.summary{
        width: 100% !important;
    }

    .woocommerce #content div.product div.images, 
    .woocommerce div.product div.images, 
    .woocommerce-page #content div.product div.images, 
    .woocommerce-page div.product div.images{
        width: 100% !important;
    }
}