@media (min-width: 1024px) and (max-width: 1200px){
    .sticky-header .top-header{margin-right: 10px;}
}


@media (max-width:1024px) and (min-width: 768px){
  #top-search-trigger {display: none !important;}
  #cookdesk {padding: 2% 15%;}
}

/* INI-Max-Tablet */
@media (min-width: 991px) and (max-width: 1024px){
  .not-dark .menu{ width: 500px; margin-right: 0;}
  .modal-dialog {width: 80% !important;}
  .tabeco {width: 60%;}
  /*Histórico presupuesto*/
  #ped {width: 150px;}
  #tabw {width: 200px;}
  /*Cart*/
  .cart-product-remove > .remove i.icon-trash2 {font-size: 17px;}
  #obs {min-height: 200px;}
  #use {margin-top: -15px;}
  /* Login */
  #titinfo {font-size: 1.2rem !important}
  #wrapper2 {width: 60%;}

}

/* END-Max-Tablet */

/* INI-Tablet */
@media (max-width: 991px) and (min-width: 768px) {
    
  /* General */
  section#content.row{
    margin:0;
  }
  /* Header */
  #logo {height: 100px;}
  #headerresp {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
  }
  .row.mainmenu { margin-right: 0 !important;}
  .material-icons.ic-head {
    top: 60px;
    right: 7%;
    position: absolute;
  }
  #top-cart > a,#top-search > a{ float: right;}
  #top-search > a:first-child{
    right: 160px;
    max-width: 200px;
    margin: 20px 0;
  }
  .standard-logo {margin-left: 100px;}
  #logo > a > img {margin-left: 28%;}
  /* Menu */
  div#primary-menu-trigger {margin-left: 30px;}
  .headmenu {
    color: white !important;
    line-height: 22px !important;
  }
  
  .menu{width: 100%;margin-right: 0;}
  .pers {
    background-color: inherit;
    text-align: inherit;
    margin-left: inherit;
  }
  .pers.obli10 {
    transform: unset;
    -ms-transform: unset;
    -webkit-transform: unset;
  }
  #primary-menu-trigger i{
    color: #FFF;
    font-size: 20px;
  }
  #primary-menu, .sf-js-enabled, .sub-menu, .headmenu{
    width: inherit;
    height: inherit;
  }
  
  #primary-menu{padding-top: 100px;}
  
  #primary-menu i.noicon{ display:inline-block;}
  #primary-menu > div > ul{ margin-top:0 !important;}
  #primary-menu div.menu > ul > li.first-sub:hover a.headmenu{
    /*color:#D21724 !important;*/
    font-size: 15px;
  }
  #primary-menu ul ul:not(.mega-menu-column){ padding: 0 15px;}
  #primary-menu ul ul:not(.mega-menu-column),#primary-menu ul li .mega-menu-content {
    width: inherit;
    left: inherit;
    text-align: left;
  }
  #primary-menu ul ul.mninfo {
    background-color: #FFF !important;
    color: #000 !important;
  }
  #primary-menu ul ul.mninfo a{ color: #D12724 !important;}
  #primary-menu ul ul a{ color: #FFF !important;}

  #primary-menu .menu ul#toresp { transform: rotate(180deg);}
  #primary-menu .menu ul#toresp > li { transform: rotate(-180deg);}
  #primary-menu .menu ul#toresp > li.first-sub:nth-child(2){border-bottom:1px solid #EEE;}

  #primary-menu ul li:hover ul.mninfo li:hover > a {
    background-color: #D12724 !important;
    padding-left: 18px !important;
    color: #FFF !important;
  }
  #primary-menu ul li:hover ul li:hover > a {
    background-color: #000 !important;
    padding-left: 18px !important;
    color: #FFF;
  }
  #logo{float:left !important;}
  #top-search a{ margin:55px 0 0;}
  i#powto.material-icons {margin-top: 10px;}
  .infoy {margin-left: 0;
    border: none;
    text-align: left;}
  .tl > a {color: white !important; }
  


  /* Login */
  .container.vertical-middle { overflow-y: scroll;}

  /* Home */
  #wrapper, #wrapper2{ width: 100%;}
  .brapida .searchd input { width: auto;}
  .col-sm-4.anll{ padding-left: 52px;}
  #tabhome {
    top: -57px;
    margin: 0 4% 0 0;
  }
  .fneustar{ padding:0;}
  #neustar input[type="text"],
  .ficha .frm input[type="text"] { width: 45%;}
  #neustar button{
    padding: 0px 10px;
    margin-top:3px;
  }
  #tbresult .result th.ocult.showc div {
    max-height: 30px;
    height: 30px;
  }
  .opt {padding-left: 0 !important;}
  #tbresult .nstar .opt > * {
    font-size:14px;
    margin-top:1px;
  }
  #tbresult .nstar .opt #hidepc,  #tbresult .nstar .opt #fact { padding:7px 10px;}
  #tbresult .nstar .opt button { padding: 5px 10px;}
  #cam {margin-right: 0;}

  /*Top cart*/
  div#top-cart.col-sm-1.col-md-2.noleftmargin {margin-right: 1.5%; margin-top: 30px !important;}
  div.top-cart-content {width: 500px !important;}
  #top-cart .top-cart-content {top: 60px !important; right: 0;}
  .cart td {padding: 12px 0px !important;}
  /*Carrito*/
  .cart .remove {font-size: 20px !important;}
  .paymb {margin-top: 4%;}
  /* Cart/pago */
  .pagops > textarea{ min-height: 150px;}

  /* Historicos */
  .modal-dialog { width: auto !important;}
  .tabeco { width: 50%;}
  .obscont > textarea{ min-height: 150px;}

  /* Modificacion presupuesto */
  .datsfac { margin-bottom:5px;}

  /* Cliente/estrategia */
  .contentec{ width: 80%;}

  /* Clases altura */
  .e555{height: 630px;}
  .e556{height: 530px;}
  .e557{height: 270px;}
  .e558{height: 255px;}
  .e559{height: 300px;}
  .e560{height: 550px;}
  .e601{height: 450px;}
  .edfl{height: 411px;}

  /* Contacto */
  .postcontent.contacto {
    width: auto;
    margin: 40px 40px 0 40px;
  }
  .sidebar.contacto {
    width: auto;
    margin-top: 40px;
    padding: 0 40px;
  }

  /* Datos cliente */
  #changecn {margin-top: 0.5%;}

  /* Estrategia comercial */
  .contentec {margin-left: 2%;}

  /* FOOTER */
  #footer { margin-right: 0 !important;}
  #footer.dark{ margin-top: 50px !important;}
  #footer .row{ margin: 0;}
  #contact{ width: 100%;}
  .sidebar.contacto div:not(:first-child) { margin-top: 0;}
  #copyrights {font-size: 12px !important;}

  /*ADMIN*/
  .style-5 {margin-top: 12% !important;}
}
/* END-Tablet */

/* INI-tablet vert */

@media (max-width: 767px) and (min-width: 667px){
  /*Login*/
  #wrapper2 {width: 90% !important;}
  #topmob {padding-top: 10px !important;}
  #topmob > div > a > img {width: 70%;}
  .panel-body {padding: 30px !important;}
  #titinfo {line-height: 20px;
    padding: 8px 40px;}

  /* Header */
  /*#header {
    position: fixed;
    z-index: 1;
    width: 100% !important;
    height: 100px !important;
  }
  
  .standard-logo {margin-left: 26px;}
  #logo a.standard-logo, #header.split-menu #logo a.standard-logo {display: block;}
  #logo {
    margin-left: 60px !important;
    top: 2px;}
  #primary-menu-trigger {
    color: white;}
  #top-cart {margin-top: -73px;}
  #logo img{ height: auto;}
  #top-search a:not(:first-child){
    right: 7%;
    margin-right: 0;
  }
  #top-search a:first-child{
    right: 10%;
    width: 180px;
    height: 60px;
  }
  #powermob {vertical-align: middle !important;}

  
  /* Menu */
  
  .headmenu {
    color: white !important;
    line-height: 22px !important;
  }
  
  .menu{width: 100%;margin-right: 0;}
  .pers {
    background-color: inherit;
    text-align: inherit;
    margin-left: inherit;
  }
  .pers.obli10 {
    transform: unset;
    -ms-transform: unset;
    -webkit-transform: unset;
  }
  #primary-menu-trigger i{
    color: #FFF;
    font-size: 20px;
  }
  #primary-menu, .sf-js-enabled, .sub-menu, .headmenu{
    width: inherit;
    height: inherit;
  }
  
  #primary-menu{padding-top: 100px;}
  
  #primary-menu i.noicon{ display:inline-block;}
  #primary-menu > div > ul{ margin-top:0 !important;}
  #primary-menu div.menu > ul > li.first-sub:hover a.headmenu{
    /*color:#D21724 !important;*/
    font-size: 15px;
  }
  #primary-menu ul ul:not(.mega-menu-column){ padding: 0 15px;}
  #primary-menu ul ul:not(.mega-menu-column),#primary-menu ul li .mega-menu-content {
    width: inherit;
    left: inherit;
    text-align: left;
  }
  #primary-menu ul ul.mninfo {
    background-color: #FFF !important;
    color: #000 !important;
  }
  #primary-menu ul ul.mninfo a{ color: #D12724 !important;}
  #primary-menu ul ul a{ color: #FFF !important;}

  #primary-menu .menu ul#toresp { transform: rotate(180deg);}
  #primary-menu .menu ul#toresp > li { transform: rotate(-180deg);}
  #primary-menu .menu ul#toresp > li.first-sub:nth-child(2){border-bottom:1px solid #EEE;}

  #primary-menu ul li:hover ul.mninfo li:hover > a {
    background-color: #D12724 !important;
    padding-left: 18px !important;
    color: #FFF !important;
  }
  #primary-menu ul li:hover ul li:hover > a {
    background-color: #000 !important;
    padding-left: 18px !important;
    color: #FFF;
  }
  #logo{float:left !important;}
  #top-search a{ margin:55px 0 0;}
  i#powto.material-icons {margin-top: 10px;}
  .infoy {margin-left: 0;
    border: none;
    text-align: left;}
  .tl > a {color: white !important; }

    /* Home */
  .container.clearfix { width: auto !important;}
  #slider{ display:none;}
  #tabhome {
    top: 0;
    margin: 0;
  }
  ul.tab-nav:not(.tab-nav-lg) li{width: 50%;}
  ul.tab-nav:not(.tab-nav-lg) li:first-child { margin-left: 0;}
  #neusearch .ejes{padding:0 0 0 10px;}
  #neusearch .brapida input{
    border-color: #EEE;
    width: 100%;
    margin-bottom:20px;
  }
  #neusearch .brapida .searchd label { margin-left: 5px;}
  #neusearch .brapida .searchd input { margin-left: 0px;}
  #neusearch .medidas .sel.anll span.select2{width: 100% !important;}
  #neusearch .medidas > div{margin-bottom: 10px;}
  #neusearch .col-sm-4.anll { padding-left: 15px;}
  .fneustar > div{ text-align: center;}
  .fneustar > form { padding: 0 20%;}
  #nobt {margin-bottom: 0 !important;}

  /*Top menu*/
  /*.menu {
    margin-top: -36px;
    margin-left: -19px;
    width: 100%;
  }
  #primary-menu > div > ul {margin-top: 0 !important;}
  #primary-menu ul > li > a {padding: 0px !important;}
  .first-sub.nopadding.sub-menu {
    width: 350px !important;
    background-color: black;
    left: 0;
  }
  .first-sub.nopadding.sub-menu > a > div {text-align: center;}
  .obli10 {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;}
  .pers {margin-left: 0;}
  .mninfo {
    opacity: 1 !important;
    width: 100% !important;
    left: 0 !important;
  }
  .mninfo > li > a {color: white !important;}
  .first-sub.nopadding.sub-menu > ul {
    width: 100% !important;
    left: 0 !important;
  }
  .first-sub.nopadding.sub-menu > ul > li > a {color: white !important;}
  .infoy {margin-left: 0;}
  #top-cart {margin-top: 20px !important; margin-right: 2% !important;}
  #powto {margin-top: 10px !important;}

  /*Cart*/
  #incode {width: 50% !important;}
  #confnot {}

  /*Footer*/
  #contact {padding: 10px !important;}
  #contact .imgft {
      width: 100px !important;
      margin-bottom: 5%;
  }
  .fotr {padding: 10px;}
  .fotr > ul {margin-bottom: 0 !important;}
  #copyrights {font-size: 10px;}
  #contact {margin-right: 0 !important;}
  .modmar {padding-left: 0 !important;}

  /*Contenido gral*/
  #content {margin-top: 80px !important;}

  /*Catalogos*/
  #shop {padding: 5% 0 0 0 !important;}
  #shop .product {max-width: 42% !important;}
  .product-title h3 {font-size: 12px !important;}
  .modsv {margin-bottom: 5%;}

  /*Contacto*/
  .postcontent.contacto {margin: 20px 20px 0 20px; margin-bottom: 0 !important; padding-bottom: 0px !important; width: 90%;}
  .sidebar.contacto {margin-top: 20px !important; padding: 0 !important; width: 90%; margin-bottom: 5% !important;}

  /*Datos del cliente*/
  .datos {padding-left: 0 !important;}
  .tblaviso > div {font-size: 12px !important;}
  .datos.col-md-7 {margin-top: 3%;}
  #pedidosdatos > tbody > tr > td {font-size: 12px !important;}
  .changepw > li > div {font-size: 12px !important;}
  .togglet {font-size: 12px !important;}
  #frment > ul > li  > div > label {font-size: 12px !important;}
  #frmfact > ul > li  > div > label {font-size: 12px !important;}

  /*Históricos general*/
  #tbpedidos_length > label, #tbpedidos_filter > label, #tbfacturas_length > label, #tbfacturas_filter > label, #tbpresupuestos_length > label, #tbpresupuestos_filter > label {font-size: 11px !important;}
  #tbpedidos_wrapper > .row > .col-sm-12, #tbfacturas_wrapper > .row > .col-sm-12, #tbpresupuestos_wrapper > .row > .col-sm-12 {padding-left: 0 !important;}
  #tbpedidos, #tbfacturas, #tbpresupuestos {font-size: 12px !important;}
  #tbpedidos > thead >tr > th, #tbfacturas > thead >tr > th, #tbpresupuestos > thead >tr > th {font-size: 12px !important;}
  .odd > td > a.under > i, .odd > td > a > i, .odd > td > a > i, .odd > td > i {font-size: 17px !important;}
  .even > td > a.under > i, .even > td > a > i, .even > td > a > i, .even > td > i {font-size: 17px !important;}
  #tbpedidos_info, #tbfacturas_info, #tbpresupuestos_info {font-size: 11px;}

  /*Modal histórico pedidos*/
  #modalpedidos > .modal-dialog > .modal-body, #modalpedidos > .modal-dialog > .modal-body > .modal-content > .modal-body {padding: 0 !important;}
  .info {font-size: 12px !important; text-align: justify;}
  .info > p > span, .info > div > label {font-size: 11px !important;}
  #pedidosdatos {font-size: 12px !important;}
  #pedidosdatosmob {margin-top: 5%;}

  /*Modal histórico presupuestos*/
  .mobfn > p {font-size: 12px; margin-bottom: 5px;}
  .totalpresu {
    width: 100%;
    font-size: 1.4rem;
    margin-top: 5%;
  }
  #historico {font-size: 12px;}
  .mobtop {margin-top: 3%;}
  .mobfn {padding-left: 13px !important;}
  .modal-dialog {width: 95% !important;}
  .tabeco {width: 80%;}

  /*Modificación de presupuesto*/
  #modmob {margin-bottom: 20px !important;}

  /*Top cart*/
  /*#top-cart .top-cart-content {width: 350px !important;}
  #top-cart .top-cart-content {top: 40px !important; right: 0 !important;}
  #cartmb {margin-top: -80px;}
  .paymb > a {margin: 5px !important;
  }
  .divmb {margin: 0 !important;}

  /* Estrategia comercial */
  .contentec {width: 90%;}
  .estcom > div > p {line-height: 2rem !important;
    padding: 10px 0;
    font-size: 1.4rem;
  }
  .situation {height: auto !important;}
  .turismrg > i {margin: 7%;}
  .close {color: white;
    opacity: 0.8 !important;
    font-weight: normal !important;}
    #cookdesk {padding: 0 15%;}

}
/* END-tablet vert */

@media (max-width: 767px) and (min-width: 450px) {

  .standard-logo > img {
    width: 200px;
    margin-left: 23%;
  }
}

/*INI mobile*/
@media (max-width: 666px) and (min-width: 320px) {

  /*gral*/
  .container, #header.full-header .container, .container-fullwidth {width: 100% !important;}
  
  /*modal-legales*/
  .close_modal_legales  {display: none;}
  
  /*menu*/
  #cats > li > a div {color: white;}
  #pop > li > a div {color: white;}
  #logo {margin-left: 50px;}
  #logo > a > img {height: 70px; margin-top: 7%;}

/* Menu */
  
  .headmenu {
    color: white !important;
    line-height: 22px !important;
  }
  
  .menu{width: 100%;margin-right: 0;}
  .pers {
    background-color: inherit;
    text-align: inherit;
    margin-left: inherit;
  }
  .pers.obli10 {
    transform: unset;
    -ms-transform: unset;
    -webkit-transform: unset;
  }
  #primary-menu-trigger i{
    color: #FFF;
    font-size: 20px;
  }
  #primary-menu, .sf-js-enabled, .sub-menu, .headmenu{
    width: inherit;
    height: inherit;
  }
  
  #primary-menu{padding-top: 100px;}
  
  #primary-menu i.noicon{ display:inline-block;}
  #primary-menu > div > ul{ margin-top:0 !important;}
  #primary-menu div.menu > ul > li.first-sub:hover a.headmenu{
    /*color:#D21724 !important;*/
    font-size: 15px;
  }
  #primary-menu ul ul:not(.mega-menu-column){ padding: 0 15px;}
  #primary-menu ul ul:not(.mega-menu-column),#primary-menu ul li .mega-menu-content {
    width: inherit;
    left: inherit;
    text-align: left;
  }
  #primary-menu ul ul.mninfo {
    background-color: #FFF !important;
    color: #000 !important;
  }
  #primary-menu ul ul.mninfo a{ color: #D12724 !important;}
  #primary-menu ul ul a{ color: #FFF !important;}

  #primary-menu .menu ul#toresp { transform: rotate(180deg);}
  #primary-menu .menu ul#toresp > li { transform: rotate(-180deg);}
  #primary-menu .menu ul#toresp > li.first-sub:nth-child(2){border-bottom:1px solid #EEE;}

  #primary-menu ul li:hover ul.mninfo li:hover > a {
    background-color: #D12724 !important;
    padding-left: 18px !important;
    color: #FFF !important;
  }
  #primary-menu ul li:hover ul li:hover > a {
    background-color: #000 !important;
    padding-left: 18px !important;
    color: #FFF;
  }
  #logo{float:left !important;}
  #top-search a{ margin:55px 0 0;}
  i#powto.material-icons {margin-top: 10px;}
  .infoy {margin-left: 0;
    border: none;
    text-align: left;}
  .tl > a {color: white !important; }
  .top-header {height: 0px;}

  /*container*/
  #admin > div {margin: 0 !important;}
  #admin .container {padding: 15px;}
  .adminc {width: 350px;}

  /*catalogos*/
  /*.btnsmob {float: none !important;}*/
  #shop .product {max-width: 90%;}
  #shop .product:not(:first-child) {margin-left: 10px;}
  .modsv {margin-bottom: 6%; float: left !important;}
  .botonesmob {margin-top: 5%;}

  /*login*/
  #wrapper2 {width: 100%}

  /*top cart*/

  #top-cart .top-cart-content {right: 0 !important; top: 60px !important; width: 350px !important; right: 50px;}
  .modmar {margin-top: 0;}
  .modmar > div > a {width: 100% !important; margin-top: 5% !important;}

  /*ESTRATEGIA*/
  .contentec {width: 80%;}

  /*HISTORICO DE PEDIDOS*/
  .modal-dialog {width: 95% !important;}
  
  /*HOME*/
  /*slider*/
  #slider {display: none;}
  #tabhome {top: 0;}
  #cam {margin-right: 0;}
  .sel.anll span.select2 {
    width: 120px !important;
    margin-top: 2%;
  }
  .sel span.select2 {width: 120px !important;  }
  span.select2.select2-container.select2-container--default {margin-top: 2%;  }
  /*desplegables buscador*/
  .medidas div:nth-child(5) {padding-left: 15px;}
  .medidas div:nth-child(6) {padding-left: 17px;}
  #searchmob {right: 26px;}
  .col-sm-7.nomargin.tleft.fneustar {
    text-align: center !important;
  }
  .btnrsp {float: none !important;
    margin-top: 5%;
    margin-bottom: 5%;}
  #nopcont {float: none !important;}
  #buscar {width: 70%;}

  /*FACTURAS*/
  div#tbfacturas_filter {
    display: none;
  }

  /*CONTACTO*/
  .postcontent.contacto {width: 80%;}
  .sidebar.contacto {width: 100%;
    margin-bottom: 5% !important;}
  #mobcont {border-bottom: none; margin-bottom: 0 !important; padding-bottom: 0 !important;}

  /*FOOTER*/
  .footermob {text-align: center !important;font-size: 12px;}
  #contact .imgft {
    width: 120px;
    margin-bottom: 5%;
  }
  /*COOKIES*/
  #cookdesk{
    padding: 0 15%;
  }
}
/*END mobile*/

@media (max-width: 666px) and (min-width: 320px){
  .sel span.select2 {
    width: 115px !important;
  }
}

@media (max-width: 415px){
 #tbpedidos td.child, #tbentregas td.child , #tbfacturas td.child, #tbpresupuestos td.child {
   text-align: left;
 }
}