/**
 * 2007-2017 PrestaShop
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 * @author    EnvoiMoinsCher <api@boxtal.com>
 * @copyright 2007-2017 PrestaShop SA / 2011-2015 EnvoiMoinsCher
 * @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 * International Registred Trademark & Property of PrestaShop SA
 */

/* override for mobile */
@media (max-width: 960px) {
    #mapHeaderContainer .emcTextInput{
        margin-right:20px;
    }
    
    #emcGeolocate {
        margin-right:20px;
    }
}

@media (max-width: 870px) {
    #mapHeaderContainer .emcTextInput:first-of-type{
    width:100px;
    }
    #mapHeaderContainer .emcTextInput:nth-last-of-type(1){
        width:200px;
    }
    #emcSearch {
        width: 80px;
    }
    #emcLoadingPoints{
        width: 80px;
    }
    #emcSearch .desktopTitle{
        display:none;
    }
    #emcSearch .mobileTitle{
        display:inline;
    }
}

@media (max-width: 767px) {
    #emcMap {
        width:90%;
        height:90%;
    }
    #emcMapInner {
        height:100%;
    }
    #emcMap #prContainer {
        display:none;
    }
    #emcMap #mapContainer {
        padding-right:0px;
        height:calc(100% - 70px);
    }
    #emcMap #mapCanvas {
        height:100%;
    }
    .emcListPoints {
        min-width:110px;
    }
    .emcListPoints .emcMobile{
      display:inline;
    }
    .emcListPoints .emcDesktop{
      display:none;
    }
    .emcListPointsContainer {
        display:none;
    }
    .emcListPoints .emcPointTitle {
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
        width:100px;
        display:inline-block;
        vertical-align:middle;
    }
    #order .delivery_option > div > table.resume td.delivery_option_logo, #order-opc .delivery_option > div > table.resume td.delivery_option_logo {
        width: auto;
        padding-left:5px;
        padding-right:5px;
    }
}

@media (max-width: 600px) {
    #mapHeaderContainer .emcTextInput{
        margin-right:10px;
    }
    #emcGeolocate {
        margin-right:10px;
    }
    #mapHeaderContainer .emcTextInput:first-of-type{
    width:60px;
    }
    #mapHeaderContainer .emcTextInput:nth-last-of-type(1){
        width:160px;
    }
    #emcSearch {
        width: 40px;
    }
    #emcLoadingPoints{
        width: 40px;
    }
}

@media (max-width: 470px) {
    .emcListPoints {
        min-width:95px;
    }
    #order .delivery_option > div > table.resume td, #order-opc .delivery_option > div > table.resume td {
        font-size:0.9em;
    }
    .emcListPoints .emcPointTitle {
        width:85px;
    }
    td.delivery_option_logo img {
        max-width: 45px;
        max-height: 50px;
    }
    #emcMap #mapContainer {
        height:calc(100% - 50px);
    }
    #mapHeaderContainer{
        height:50px;
    }
    #mapHeaderContainer .emcTextInput{
        margin-right:5px;
    }
    #mapHeaderContainer .emcTextInput:nth-last-of-type(1){
        width:120px;
    }
    #emcGeolocate {
        height: 38px;
        width: 30px;
        margin-right:5px;
    }
    #emcSearch {
        width: 30px;
        padding:5px;
    }
    #emcLoadingPoints{
        width: 30px;
    }
}

@media (max-width: 360px) {
    .emcListPoints {
        min-width:80px;
    }
    #order .delivery_option > div > table.resume td, #order-opc .delivery_option > div > table.resume td {
        font-size:0.8em;
    }
    .emcListPoints .emcPointTitle {
        width:70px;
    }
    td.delivery_option_logo img {
        max-width: 40px;
        max-height: 50px;
    }
}