/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */

@media (max-width: 444px) {
  .recaptchatable #recaptcha_image {
    margin: 0 !important;
    width: 202px !important;
  }

  .recaptcha_image_cell, .ecaptcha_r3_c2, .recaptcha_image_cell center {
    margin: 0 !important;
    width: 202px !important;
    padding-left: 7px;
  }

  #recaptcha_challenge_image {
    margin: 0 !important;
    width: 202px !important;
  }

  .recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell {

    background: none !important;
  }
}


@media screen and (max-width: 1004px)
{

  body {
  }

  /* Blocco ricerca nello header */
  header form.search {
    bottom: 10px;
    position: absolute;
    top: 70px;
  }

  #content {
    margin-top: 110px;
  }

  
  nav#navigation
  {
    clear:       both; 
    text-align:  left;
    margin:      0px;
    background:  #ededed;
    position:    relative;
    z-index:     10;
    top:         70px;
  }

  nav#navigation ul ul { display: none; }

  nav#navigation ul li:hover > ul { display: block; }

  nav#navigation ul ul 
  {
    width:         100%;
    position:      relative;
    display:       table;
  }

  nav#navigation a {
    color: #6a6a6a;

  }

  nav#navigation li.parent a {
    color: #0d006a;
    font-weight: bold;

  }
  
  .nav-4 .search .text {
    width: 135px !important;
    border-style: none !important;
  }
  
  .nav-4 .search .submit {
    margin-left: -10px;
  }

  nav#navigation li.parent div.sub a {
    color: #6a6a6a;
    font-weight: normal;

  }

  nav#navigation li.parent div.sub strong {
    color: #aeaeae;
    font-weight: normal;

  }    

  .btn-responsive-menu
  {
    display:                none;
    padding:                5px;
    cursor:                 pointer;
    color:                  #fff;
    background:             #fff;
    -webkit-border-radius:  4px;
    -moz-border-radius:     4px;
    border-radius:          4px;
  }

  .btn-responsive-menu
  {
    display:      block;
    position:     absolute; 
    top:          20px; 
    right:        20px; 
    background-color: #ebebeb;
  }

  .appFooterLeft {
    padding-bottom: 10px;
  }

  #consegnare_nome, #consegnare_indirizzo, #consegnare_localita  {
    width: 100% !important;
  }

  #label_cap, #label_prov {
    margin-left: auto !important;
    margin-top: 10px;
  }

  #preav_tel, #varia_porto_franco, #varia_porto_assegnato {
    width: 100% !important;
    text-align: center;
  }

  #consegnare_spese-lbl {
    float: left;
    margin-bottom: 10px;
    width: 100%;
  }

  .ffs-1 table tr:first-child th:first-child, .ffs-1 table tr:first-child td:first-child {
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0 0;
  }

  div.modtrovasede, div.modtrovasedehp {
    background: #ededed url("../images/vertical-bg-gradients.png") repeat-x scroll left -1935px;
  }

  .icon-bar 			
  {
    display:                 block;
    width:                   20px;
    height:                  3px;
    margin:                  5px;
    background-color:        #b8b8b8;
    -webkit-border-radius:   2px;
    -moz-border-radius:      2px;
    border-radius:           2px;
  }

  .show{display:block!important;}

  header nav.navigation ul.nav {
    display: none;
  }

  header ul#languageLink {
    display: none;
  }



  div#head-responsive {
    display: block;
    list-style-type: none;
    margin: 13px 0 0 1px;
    overflow: hidden;
    padding: 0;
    text-align: center;
  }

  div#head-responsive .lang .first {
    border: 0 none;
  }

  div#head-responsive .lang li {
    display: inline;
    padding: 0 6px;
    border-left: 1px solid #e7e7e7;
  }

  div#head-responsive .lang .selected a {
    color: #06187c;    
  }

  div#head-responsive .lang li a {
    font-size: 11px;
    text-decoration: none;
    color: #bbb;
  }

  header #countrySelection {
    display: none;
  }

  #flag-responsive {
    display: block !important;
  }

  #flag-responsive .country {
    color: #080d27;
    cursor: pointer;
    width: 50px;
    margin: 14px 0 0;
    padding-bottom: 18px;
    position: relative;
    left: 50%;
    margin-left: -25px;
  }

  #flag-responsive .country .it {
    background: rgba(0, 0, 0, 0) url("/templates/glstemplate/images/flags.png") no-repeat scroll left -250px;
  }

  #footer .logoGS{
    /*
    display: inline-block;
    margin-left: auto;
    margin-right: auto; 
    */
    height: 18px;
  }
  #footer .logoQweb{
    /*
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    */
    float: inherit;
  }  
  #footer .logoNetcomm{
    float: inherit;
    margin-top: 20px;
  }  
  
  #footer .qweb {
    width: 100%;
    margin: 0 -12px;
  }

  #footer .qwebLogo {
    max-width: 50px;
  }

  #flag-responsive .country p, #flag-responsive .country a {
    display: block;
    font-size: 11px;
    height: 15px;
    margin: 0;
    padding: 0 0 0 30px;
  }

  #flag-responsive .country .lists {
    left: -9999px;
    position: absolute;
    right: -18px;
    top: -9999px;
    z-index: 1900;
  }

  #flag-responsive .country .listsie {
    background: #fff url("../images/vertical-bg-gradients.png") repeat-x scroll left -620px;
    border-radius: 7px;
    box-shadow: 0 0 9px #aeaeae;
    cursor: default;
    font-size: 11px;
    margin-top: 12px;
    padding: 18px 0 8px 22px;
    position: relative;
  }

  #flag-responsive .country .arrow {
    background: rgba(0, 0, 0, 0) url("/templates/glstemplate/images/country-arrow.png") no-repeat scroll left top;
    height: 12px;
    position: absolute;
    right: 45px;
    top: -12px;
    width: 13px;
  }

  #flag-responsive .country .left {
    float: left;
  }
  #flag-responsive .country ul {
    list-style-type: none;
    margin: 0 21px 0 0;
    padding: 0;
    width: auto;
  }

  #flag-responsive .country li {
    margin-bottom: 10px;
  }

  #flag-responsive .country .eu {
    background-position: left 0;
  }
  #flag-responsive .country .be {
    background-position: left -25px;
  }
  #flag-responsive .country .bg {
    background-position: left -50px;
  }
  #flag-responsive .country .de {
    background-position: left -75px;
  }
  #flag-responsive .country .dk {
    background-position: left -100px;
  }
  #flag-responsive .country .fi {
    background-position: left -125px;
  }
  #flag-responsive .country .fr {
    background-position: left -150px;
  }
  #flag-responsive .country .gr {
    background-position: left -175px;
  }
  #flag-responsive .country .gb {
    background-position: left -200px;
  }
  #flag-responsive .country .ie {
    background-position: left -225px;
  }
  #flag-responsive .country .it {
    background: rgba(0, 0, 0, 0) url("/templates/glstemplate/images/flags.png") no-repeat scroll left -250px;
  }
  #flag-responsive .country .lt {
    background-position: left -275px;
  }
  #flag-responsive .country .lu {
    background-position: left -300px;
  }
  #flag-responsive .country .mt {
    background-position: left -325px;
  }
  #flag-responsive .country .nl {
    background-position: left -350px;
  }
  #flag-responsive .country .no {
    background-position: left -375px;
  }
  #flag-responsive .country .pl {
    background-position: left -400px;
  }
  #flag-responsive .country .pt {
    background-position: left -425px;
  }
  #flag-responsive .country .ro {
    background-position: left -450px;
  }
  #flag-responsive .country .se {
    background-position: left -475px;
  }
  #flag-responsive .country .ch {
    background-position: left -500px;
  }
  #flag-responsive .country .sk {
    background-position: left -525px;
  }
  #flag-responsive .country .si {
    background-position: left -550px;
  }
  #flag-responsive .country .es {
    background-position: left -575px;
  }
  #flag-responsive .country .cz {
    background-position: left -600px;
  }
  #flag-responsive .country .tr {
    background-position: left -625px;
  }
  #flag-responsive .country .hu {
    background-position: left -650px;
  }
  #flag-responsive .country .at {
    background-position: left -675px;
  }
  #flag-responsive .country .lv {
    background-position: left -700px;
  }
  #flag-responsive .country .ee {
    background-position: left -725px;
  }
  #flag-responsive .country .rs {
    background-position: left -750px;
  }
  #flag-responsive .country .hr {
    background-position: left -775px;
  }


  img.vv-img {
    width: 50px;
  }

  /* Blocco menu */
  /*  header nav.navigation {
      display: none;
      position: relative;
      min-height: 40px;
    }	
    header nav.navigation ul {
      width: 180px;
      padding: 5px 0;
      position: absolute;
      top: 0;
      left: 0;
      border: solid 1px #aaa;
      background: #fff url(images/icon-menu.png) no-repeat 10px 11px;
      border-radius: 5px;
      box-shadow: 0 1px 2px rgba(0,0,0,.3);
    }
    header nav.navigation li {
      display: none;  hide all <li> items 
      margin: 0;
    }
    header nav.navigation .current {
      display: block;  show only current <li> item 
    }
    header nav.navigation a {
      display: block;
      padding: 5px 5px 5px 32px;
      text-align: left;
    }
    header nav.navigation .current a {
      background: none;
      color: #666;
    }
  
     on nav hover 
    header nav.navigation ul:hover {
      background-image: none;
    }
    header nav.navigation ul:hover li {
      display: block;
      margin: 0 0 5px;
    }
    header nav.navigation ul:hover .current {
      background: url(images/icon-check.png) no-repeat 10px 7px;
    }
  
     right nav 
    header nav.navigation.right ul {
      left: auto;
      right: 0;
    }
  
     center nav 
    header nav.navigation.center ul {
      left: 50%;
      margin-left: -90px;
    }*/

  div#container {
    width: 90%;
  }

  div#container div#content  {
    width: 100%;
  }

  .tst-2 .left, .tst-2 .right {
    width: 100% !important;
  }

  .cbst-1 .last {
    width: 100% !important;
  }

  .cbst-1 .first {
    width: 100% !important;
  }

  .appWrp h1, .scs-2 h1, .cntWrp h1 {
    font-size: 18px;
    line-height: 18px;
  }

  .scs-2 .imageLarge h1, .scs-2 .imageLarge h2, .scs-2 .imageLarge .rtxt {
    width: auto;
  }

  .scs-2 .imageLarge {
    height: 500px;
  }
  .scs-2 .imageLarge4 h1, .scs-2 .imageLarge4 h2, .scs-2 .imageLarge4 .rtxt {
      width: auto;
  }

  .scs-2 .imageLarge4 {
    height: 825px;
  }
  .cst-1 .image {
    height: 260px;
  }

  .cst-1 .image2 {
    height: 277px;
  }

  .cst-1 .image3 {
    height: 290px;
  }

  .cst-1 .image4 {
    height: 350px;
  }  

  .cst-1 .image5 {
    height: 375px;
  }    

  .cst-1 .image h2 {
    width: auto !important;
  }

  .cnt .rtxt .buttons .buttonLight {
    margin-right: 0px !important;
  }

  .scs-2 .imageLarge2 {
    height: 825px;
  }

  .scs-2 .imageLarge3 {
    height: 640px;
  }

  .scs-2 .imageLarge img {
    bottom: 0px;
    right: auto;
    top: auto;
    left: 50%;
    margin-left: -69px !important;
  }

  .scs-2 .imageLarge4 img {
    bottom: 0px;
    right: auto;
    top: auto;
    left: 50%;
    margin-left: -69px !important;
  }  
  
  .cnt .buttons {
    text-align: center;
  }

  .col3 .left, .col3 .middle, .col3 .right {
    width: 100%;
  }

  .tst-1 {
    background: none;
    border-radius: 0px;
    box-shadow: none;
  }

  .tst-1 .left, .tst-1 .middle, .tst-1 .right {
    border: 0px;
    background: #fff url(../images/vertical-bg-gradients.png) left -1135px repeat-x;
    padding: 20px 0;
    border-radius: 10px;
    box-shadow: 0 0 4px #b8b8b8;
    margin-bottom: 18px;
    height: auto !important;
  }

  .app {
    padding-bottom: 0px;
  }

  #sidebar {
    width: 100%;
    margin-top: 0px;
  }

  #footer {
    width: 100%;    
  }

  #footer ul {
    text-align: center;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
  }

  #footer ul li {
    float: none;
  }

  .cnt .img-rnd {
    left: 50%;
    margin-left: -59px !important;
    position: absolute;
    bottom: 10px;
    margin-top: 10px !important;
  }

  .cnt .img-rnd:before {
    margin-top: 20px;
  }

  .scs-2 {
    background-position: top -1px;
  }

  .tst-3 .left, .tst-3 .middle, .tst-3 .right  {
    margin: 10px 0 !important;
  }

  a.modprenotaritiro:hover, a.modprenotaritirohp:hover {  
    text-align: center !important;
  }

  a.modprenotaritirohp {
    margin-left: auto !important;
  }

  a.modprenotaritiro, a.sidecontatti, a.modprenotaritirohp {
    width: calc(100% - 20px) !important;
    text-align: center;
  }

  div.cb-1 {
    height: auto !important;
    width: auto !important;
  }

  .tnav-4 {
    background-size: 102%;
    background-position-y: -204px;
  }

  .modricercaspedizioni, .modricercaspedizionihp {
    background-size: 100%;
  }

  .cb-1 .buttonsSmall {
    position: relative !important;
    text-align: center;
    bottom: 120px !important;
  }

  .cb-1 div.rtxt {
    margin-bottom: 124px;
  }

  #header .left {
    width: 100%;
  }

  .appWrp .appHeadWrp {
    height: auto !important;
  }

  .cntie a {
    margin: 0px !important;
    text-align: center;
  }

  .tst-2 .left, .tst-2 .right {    
    position: relative;
    height: auto !important;
  }

  .tst-2 .leftimg, .tst-2 .rightimg {
    height: 220px !important;
  }

  .tst-2 .leftimg2, .tst-2 .rightimg2 {
    height: 245px !important;
  }

  .tst-2 .teaserimg3 {
    height: 260px !important;
  }

  .tst-2 .cnt, .tst-3 .cnt {
    background: #fff url(../images/vertical-bg-gradients-mobile.png) left -1135px repeat-x;
  }

  .app .col2 .left {
    width: 100% !important;
  }

  .app .col2 .right {
    float: left;
    width: 100% !important;
    margin-bottom: 0px;
  }

  .loginDropdown {
    position: absolute;
    top: -53px;
    width: 100%;
  }

  .loginPaswordAbbonato {
    margin-bottom: 78px !important;
  }

  #header {
    height: 68px;
  }

  .os-2 .rtxt {
    height: auto;
  }

  .vvs-1 div.left {
    width: 100%;
    float: none;
  }

  .vvs-1 div.right {
    width: 100%;
    float: none;
  }

  .tst-1Container {
    background: #fff url(../images/vertical-bg-gradients.png) left -1135px repeat-x;
    border-radius: 10px;
    box-shadow: 0 0 4px #b8b8b8;    
  }

  .tst-1Container .row {
    width: auto !important;
    text-align: center;
  }

  .tst-1Container img {
    margin-right: 7px;
    zoom: 0.6;
    margin-left: 33px !important;
  }

  .vvs-1 h1, .vvs-1 h2 {
    width: 100%;
  }

  .scs-2 {
    height: auto !important;
  }

  .autoWidth {
    width: auto !important;
  }

  .autoWidth p {
    padding-left: 10px !important;
  }

  .cs-1 .col2 .left {
    width: 100%;
    margin-right: 0px;
  }

  .cs-1 .col2 .right {
    width: 100% !important;
  }

  .container-image-gls img {
    padding-right: 0px !important;
  }

  .scs-2 .imageSmall h1, .scs-2 .imageSmall h2, .scs-2 .imageSmall h1, .scs-2 .imageSmall h1 {
    width: auto !important;
  }

  .scs-2 .imageSmall img {
    position: relative;
    left: 50%;
    margin-left: -90px;
  }

  .scs-1 .imageSmall h1, .scs-1 .imageSmall h2, .scs-1 .imageSmall h1, .scs-1 .imageSmall h1 {
    width: auto !important;
  }

  .scs-1 .imageSmall img {
    position: relative;
    left: 50%;
    margin-left: -90px;
  }

  .cst-1 .blck1 {
    height: 540px !important;
  }

  .cst-1 .blck2 {
    height: 374px !important;
  }

  .cst-1 .blck3 {
    height: 484px !important;
  }  

  .ffs-1 table.wrp td.left, .ffs-1 table.wrp td.right {
    display:block;
    width: 100%;
  }

  .ffs-1 table.wrp td.right {
    margin-top: -40px;
  }

  .ffs-1 .right ul {
    text-align: center;
    width: 100%;
    margin: 0 0 0 10px;
  }

  .ffs-1 table {
    width: 100%;
  }

  .ac-1 .lpBackground .ac1TopWrp > .left {
    width: 100% !important;
  }

  .ac-1 .lpBackground .ac1TopWrp > .right {
    width: 100% !important;
  }

  .col2 .left, .col2 .right {
    float: none;
    width: auto !important;        
  }



  .ac-1 #glsEuroImg {
    position: relative !important;
    width: 100% !important;
    left: 0px;
    top: -40px;
    margin-left: 0px;
    float: left;
  }

  #member-registration {
    padding-bottom: 18px;
  }

  div.gotoMarginRS {
    padding-bottom: 18px;
  }

  #recaptcha_area {
    margin-left: -16px;
  }

  #recupera_abbonato_email_form, #login_occasionale_form {
    padding-bottom: 18px;
  }

  #prenota_ritiro_contenitore, #fatt_doc_contenitore{
    padding-bottom: 20px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .ac-1 .infoBlock {
    width: auto !important;
  }

  .gruppo-gls-form {
    margin-left: 0px !important;
    margin-right: 0px !important;
    position: relative;
  }

  .gruppo-gls-form {
    text-align: center;
  }

  .os-2 .image {
    width: auto !important;
  }

  .os-2 .cntWrp img {
    right: auto !important;
    top: auto !important;
    position: relative;
    margin-left: -89px ! important;
  }

  .cst-1 .image .rtxt p.listlink {
    float: none !important;
    text-align: center !important;
  }

  .cst-1 .image2 .rtxt p.listlink b {
    display: block;
  }

  .rhidden {
    display: none;
  }

  .cst-1 .image2 .rtxt p.listlink b a {
    margin-left: 0px !important;
  } 

  .pda .download {
    float: none !important;
    display: block;
    margin-right: 0px !important;
    text-align: center;
    padding-bottom: 0px !important;
  }

  .pda .download div {
    width: auto !important;
  }
  .pda p {
    float: none !important;
  }

  .pda .download h3 {
    width: 100% !important;
  }

  .download img.img-rnd {
    left: auto !important;
    margin-left: auto !important;
    position: relative !important;
    bottom: auto !important;
    margin-top: auto !important;
  }

  #jform_glsprofile_glsaddress {
    width: 100% !important;
  }


  .nos-1 .head .left, .nos-1 .head .middle, .prs-1 .head .left, .prs-1 .head .middle {
    display: table;
    margin: 0 auto;
    float: none;
  }
  .nos-1 .label, .prs-1 .label {
    float: none !important;    
  }

  .nos-1 .txtcon, .prs-1 .txtcon {
    width: 100% !important;
  }

  .prs-1 .row .icons {
    float: none !important;
    margin-bottom: auto !important;
    width: 100%;
    height: 2px;
  }

  .prs-1 div.content .row .txtcon h3, .prs-1 div.content .row .txtcon p {
    width: 100% !important;
  }



  .app .labelWrp, .app .inputWrp {
    width: 100% !important;
    float: none !important;
    text-align: center;
  }

  .app .divLabelRadioGlsRS {
    width: auto !important;
    float: left !important;
  }  

  .app .divInputRadioGlsRS {
    width: 20px !important;
    float: left !important;    
  }

  .app .col2 .rightInline {
    float: right;
    width: 47% !important;
  }

  .app .col2 .leftInline {
    float: left;
    width: 47% !important;
  }  

  .app .inputWrpRS {
    width: 20px !important;
    display: inline-table !important;
  }

  .app .labelWrpRS {
    width: 40px !important;
    display: inline-table !important;
  }

  .app .blockCenteredRS {
    text-align: center;
  }

  .appFooterLeft .legendWrp {
    float: none !important;
    width: 100% !important;
    height: 20px;
    text-align: center;
  }

  .appFooterLeft .legendTxt, .appFooterLeft .buttonsWrp {
    float: none !important;
  }

  .appFooterLeft .buttonsWrp {
    text-align: center;
  }

  .destinazioneTableRS img {
    width: 100% !important;
    height: auto !important;
  }

  .destinazioneTableRS {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 40px;
  }

  .serviziRS {
    width: 100% !important;
  }

  .servizi_compatibili > table > tbody > tr > td {
    display: block;
  }

  .scs-1 .col2 .right {
    width: 100%;
  }

  .afterTableRS {
    width: 89%;
  }

  .hiddenRS {
    display: none;
  }

  #contenuto {
    width: 100% !important;
  }

  .cntWrp {
    padding: 20px 5px 0;
  }

  .cst-1 a.buttonLight {
    float: none !important;
    display: block;
    left: 50%;
    margin-left: -25%;
    position: relative;
    text-align: center;
    width: 50%;

  }

  #image01 {
    width: 100%;
    height: auto;
  }

  #mapcanvas {
    /* con Google Maps */
    /*
    width: 100% !important;
    height: auto !important;
    */
    
    /* con Here Maps */
    width: auto !important;
    height: auto; 
  }

  .mainContainerMapRS {
    display: block !important;
  }

  .ricercaSedeRS {
    float: none !important;
    width: 100% !important;
    padding-left: 0px !important;
    margin-left: 0px !important;
    padding-top: 50px !important;
  }

  .accountMang {
    display: none;
  }

  .accountMangRS {
    display: block;
    height: 70px;
  }

  .schedaPersonaleRS .row {
    display: inline-flex;
  }

  .schedaPersonaleDK {
    display: none;
  }

  .schedaPersonaleRS {
    display: inherit;
  }

  .schedaPersonaleRS table {
    width: 100%;
  }


}

@media screen and (max-width: 340px)
{
  .scs-2 .imageLarge2 {
    height: 870px;
  }

  .tst-1Container img {
    margin-left: 15px !important;
  }
}

/* Portrait */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

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

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/* Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) { 

}

/* MABOL modifiche responsive 
*  mantenute stesse direttive iniziali
*  v.1 9/10/18
*/
@media screen and (max-width: 1004px)
{
	#navigation .clearfix.nav.x-mobileNavigationEnabler{
		padding:12px 0px 12px 12px;
	}
	.btn-responsive-menu {
		background-color: #6b1544;
	}
	#flag-responsive .country .listsie {
		background: none;
		border-radius: 0px;
		box-shadow: none;
	}
	#flag-responsive .country .arrow {
		display:none;
	}
	#breadcrumb.mab_bread_custom, #breadcrumb.mab_bread_pagine, #breadcrumb.mab_bread_blog {
		margin-top: 0px;
	}
	#mab_teaser .left, #mab_teaser .middle, #mab_teaser .right {
		background: #eee;
		width: 100%;
		border-radius: 0px;
		box-shadow: none;
	}
	#mab_teaser .first {
		margin-right: 0;
	}
	#mab_teaser .last {
		margin-left: 0;
	}
	#mab_teaser .left a, #mab_teaser .middle a, #mab_teaser .right a {
		bottom: 6px;
	}
	#mab_teaser.mab_info .left, #mab_teaser.mab_info .middle, #mab_teaser.mab_info .right {
		height: auto !important;
	}
	#mab_teaser.mab_etic .left, #mab_teaser.mab_etic .middle, #mab_teaser.mab_etic .right {
		height: auto !important;
	}
	#mab_teaser.mab_peso .left, #mab_teaser.mab_peso .middle, #mab_teaser.mab_peso .right {
		height: auto !important;
	}
	#mab_teaser.mab_spedint .left, #mab_teaser.mab_spedint .middle, #mab_teaser.mab_spedint .right {
		height: auto !important;
	}
	#mab_teaser.mab_imb .left, #mab_teaser.mab_imb .middle, #mab_teaser.mab_imb .right {
		height: auto !important;
	}
	.scs-2 .imageLarge4 {
		height: 935px;
	}
	.scs-2 .imageLarge {
		height: 570px;
	}
	.cst-1 .image {
		height: 280px;
	}
	.cst-1 .image2 {
		height: 307px;
	}
	.cst-1 .image3 {
		height: 307px;
	}
	.cst-1 .image4 {
		height: 387px;
	}
	.cst-1 .image5 {
		height: 425px;
	}
	.mabImgParcel {
		height: 910px !important;
	}
	.mabImgExpress {
		height: 927px !important;
	}
	.mabImgLogistic {
		
	}	
	.mabImgParcel table{
		max-width: 100%;
	}
	#mabTrovaSede .map_canvas {
		padding: 0;
		border-top: 0px solid #eee;
		border-bottom: 0px solid #eee;
		border-left: 0px solid #eee;
		border-right: 0px solid #eee;
	}
	#mabTrovaSede .ricercaSedeRS {
		padding: 10px 0;
		border-left: 0px solid #fff;
		padding-left: 12px !important;
		padding-top: 12px !important;
	}
	#mabContattiCorpo {
		background: #fff;
		margin-top: 10px;
		padding: 2px 9px 9px 9px;
	}
	#mabContattiCorpo .block-gls-azienda{
		width:100% !important;
	}
	#mabContattiCorpo .block-gls-azienda .inputWr{
		width:100% !important;
	}
	#mabSpedNazionali .cntie a {
		background: url(../img/bg/icons-left.png) no-repeat -120px -38px transparent;
		margin-left: 18px !important;
		display: inline;
	}
	#mabDimPeso a.buttonLight {
		margin:auto;
		width:50%;
		left: 0;
		position: relative;
		top: 0;
	}
	#mabImb .imageLarge {
		height: 970px !important;
	}
	#mabImb a.buttonLight {
		margin-right:0px;
	}
	#mabContStampa .imageLarge {
		height: 670px !important;
	}
	#mabInfoStampa li.news p.left {
		width: 90% !important;
	}
	#mabInfoStampa .cntie a {
		background: url(../img/bg/icons-left.png) no-repeat -120px -38px transparent;
		margin-left: 18px !important;
		display: inline;
	}
	#mabInfoStampa .buttonsSmall {
		bottom: 130px !important;
	}
	#mabInfoStampa .buttonsSmall a {
		display: inline;
		margin-bottom: 5px;
		float: none;
		padding: 5px 13px 4px;
		width: 50%;
	}
	#mabRecCred .appFooterLeft .appBtnPrimary {
		margin-left: 0px;
		float:none;
	}
	#mabLogin .appFooterLeft .appBtnPrimary {
		margin-left: 0px;
		float:none;
		display: inline-block;
	}
	div.modtrovasede, div.modtrovasedehp {
		background: #eee;
	}
	a.modprenotaritiro, a.sidecontatti, a.modprenotaritirohp {
		width: 100% !important;
	}
	.modtrovasede .navTeaserWrp .dijit.dijitReset.dijitInline.dijitLeft{
		width:100%;
	}
	.modtrovasede .navTeaserWrp .dijit.dijitReset.dijitInline.dijitLeft input[type="text"] {
		width: 100% !important;
	}
	.modricercaspedizioni .navTeaserWrp .dijit.dijitReset.dijitInline.dijitLeft{
		float:left;
		width:90%;
	}
	.modricercaspedizioni .navTeaserWrp .submitImg{
		float:left;
		margin-left: 0px;
	}
	.modricercaspedizioni .navTeaserWrp .dijit.dijitReset.dijitInline.dijitLeft input[type="text"] {
		width: 100% !important;
	}
	.tst-2 .cnt, .tst-3 .cnt {
		background: #eee;
	}
	.cntie a {
		background-image: none;
	}
	.tst-1Container {
		background: #eee;
		border-radius: 0px;
		box-shadow: none;
	}
	.cst-1 a.buttonLight {
		left: 0%;
		margin-left: 0%;
		width: 100%;
	}
	.col3 .left, .col3 .middle, .col3 .right {
		width: 100%;
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
	.homepageloggato a.modprenotaritirohp {
		width: 100% !important;
	}
	
	#mab_elenco_totale{
		display:block;
	}
	#mab_elenco_filtrato{
		display:block;
	}
	#mabLogin .appBox {
		padding: 9px ;
	}
	#mabRicSped .appBox {
		padding: 9px;
	}
	#mabPrenRitiro .appBox {
		padding: 9px;
	}
	#mabGiac .appBox {
		padding: 9px;
	}
	#mab_cont_giacenze .mab_scelta_cont {
		width: 100% !important;
	}
	#mab_filtri_giacenze .mab_filtro_giacenze {
		float: left;
		width: 100%;
	}
	#contatti_contenitore .inputWrp {
		width: 100% !important;
	}
	#contatti_contenitore .appBox .colWrp.col2.clearfix .left {
		width: 100% !important;
	}
	#mabLavGLS .appBox {
		margin-top: 10px;
		padding: 10px 9px 10px 9px;
	}	
	#images.cont_loghi_GS_Qweb {
		text-align: center;
	}
	#footer ul {
		padding-left: 0px;
	}
	#footer li {
		margin-right: 0px;
	}
	#footer li a {
		line-height: 21px;
	}
	#registrazione_contenitore .col4 .labelWrp.divLabelRadioGls {
		width: 100% !important;
	}
	/*Nuovi campi form contatti*/
	#mabContattiCanpiExtraTarPre {

	}
	#mabContattiPesoKgDiv {
		width: 100%;
	}
	#mabContattiNumeColliDiv {
		width: 100%;
	}
	#mabContatti .mabContattiLeft{
		float:none;
		width: 100%;
	}
	#mabContatti .mabContattiRight{
		float:none;
		width: 100%;
	}
	#mabContatti .mabContattiLeftCont{
		width: 100%;
	}
	#mabContatti .mabContattiRightCont{
		width: 100%;
	}
	#corpo_messaggio_cont_tp {
		width: 100%;
	}
	#mabContattiColliDimensioneDiv .mabContattiSingColloCont .mabSingCollo {
		float: left !important;
	}
	/*Gestione Profilo Occasionale visualizzazione*/
	#mabProOccVis .schedaPersonaleRS .buttonsWrp a {
		color: #fff;
	}
	#mabProOccVis .appWrp {
		padding: 0 !important;
	}
	/*Gestione Profilo Occasionale modifica*/
	#mabProOccMod .appWrp {
		padding: 0 !important;
	}
	#mabProOccMod .mabProvProfOc {
		float:none;
		width:100%;
	}
	#mabProOccMod .mabCapProfOc {
		float:none;
		width:100%;
	}
	/*Gestione Profilo Abbonato visualizzazione*/ mabProAbbMod
	#mabProAbbVis .appWrp {
		padding: 0 !important;
	}
	#mabProAbbVis .mabInputProfAb.inputWrp{
		width:100% !important;
	}
	/*Gestione Profilo Abbonato Admin*/ 
	#mabProAbbMod .appWrp {
		padding: 0 !important;
	}
	#mabProAbbMod .appFooterLeft span.appBtnPrimary {
		margin-top: 9px;
		margin-left: 0px;
		float:none;
	}
	#mabProAbbMod .appFooterLeft{
		margin-left: 0;
	}
	/*Gestione Profilo Abbonato Cambio Password*/
	#mabProOccCambPw .appWrp {
		padding: 0 !important;
	}
	#mabProOccCambPw .inputWrp{
		width:100% !important;
	}
	#mabProOccCambPw  .appFooterLeft span.appBtnPrimary {
		margin-top: 9px;
		margin-left: 0px;
		float:none;
	}
	#mabProOccCambPw .right.tooltipstered {
		width: 100% !important;
		max-width: 100%;
	}
	#mabProOccCambPw .right .tooltipster-base  {
		display:block !important;
	}
	#mabProOccCambPw .lnkTooltip {
		display:none !important;
	}
	/*Registrazione utente*/
	#mabRegUtente .appWrp {
		padding: 0 !important;
	}
	#mabRegUtente .mabProvReg {
		float:none;
		width:100%;
	}
	#mabRegUtente .mabCapReg {
		float:none;
		width:100%;
	}
	#mabRegUtente .left.inputWrp {
		width: 100% !important;
		max-width: 100%;
	}
	#mabRegUtente .right.tooltipstered {
		width: 100% !important;
		max-width: 100%;
	}
	/*=========================================
	JOB GROK
	=========================================*/
	.jg_el div#jg_el_listing_single {
		padding: 0px 0px 0px 0px;
	}
	.jg_el div#jg_el_listing_single table tr:first-of-type th {
		border-right: 1px solid #ccc;
	}
	.jg_el div#jg_el_listing_single table th:last-of-type {
		border-right: none;
	}
	.jg_el div#jg_el_listing_single table tr td {
		border-right: 1px solid #dddddd;
	}
	.jg_el div#jg_el_listing_single table tr td:last-of-type {
		border-right: none;
	}
	/*=========================================
	LINK RITIRO RESO
	=========================================*/
	#mabLinkRitReso .mabLinkRR{
		width:100%;
		margin:0px auto 12px auto;
		float:none;
	}
	#mabLinkRitReso .mabLinkRR a{
		width:70%;
		margin:auto;
	}
	/*=========================================
	COMPONENETE SHOP     margin-bottom: 0px;
	=========================================*/
	#mabTrovaSede { 
		margin-bottom: 0px !important;
	}
	#mabTrovaSede .mabTrovaSedeHead { 
		height: auto;
	}
	#mabTrovaSede .contLinkLocalitaNR {
		width: 100%;
	}
	#mabTrovaSede .localitaNR {
		float: none;
		text-align: center;
	}
	#mabTrovaSede .mabTrovaSedeHead .contLinkLocalitaNR a.linkNR, 
	#mabTrovaSede .mabTrovaSedeHead .contLinkLocalitaNR a.linkNR:link, 
	#mabTrovaSede .mabTrovaSedeHead .contLinkLocalitaNR a.linkNR:active, 
	#mabTrovaSede .mabTrovaSedeHead .contLinkLocalitaNR a.linkNR:visited, 
	#mabTrovaSede .mabTrovaSedeHead .contLinkLocalitaNR a.linkNR:hover{
		float: none;
		text-align: center;
		margin:0px;
		padding:6px 0px;
		background:none;
	}
	#mabTrovaSede .bottoniMostraSediShop {
		float: none;
		margin-right: 0px;
		text-align: center;
	}
	#mabTrovaSede .bottoniMostraSediShop a:link, #mabTrovaSede .bottoniMostraSediShop a:hover
	#mabTrovaSede .bottoniMostraSediShop a:visited, #mabTrovaSede .bottoniMostraSediShop a:active 
	{
		margin:0px;
	}
	#mabTrovaSede .contMappaRicerca {
		display: block;
		width: 100%;
	}
	#mabTrovaSede .colonnaMappa {
		position: relative;
		width: 100%;
		height: 253px;
		padding: 3px;
		height:79vw;
	}
	#mabTrovaSede .colonnaSpazio {
		width: 100%;
		height: 3px;
	}
	#mabTrovaSede .colonnaRicerca {
		width: 100%;
		height: 100%;
		padding: 9px;
		max-height: 100%;
	}
	#mabLoaderMap {
		top: 0px;
		width: 100%;
		height: 100%;
	}
	#mabLoaderRic {
		top: 0px;
		width: 100%;
		height: 100%;
	}
	/*=========================================
	FORM MODIFICA ACCOUNT OCCASIONALE
	(PER GESTIRE ALLINEAMENTO DEI 3 PULSANTI)
	=========================================*/
	.appBtnTertiary{
		font-family: TheSansGLS-Bold, Helvetica, Arial, Verdana, sans-serif;
		font-weight: normal;	
		font-size: 15px;
		margin-top: 8px;
		border: 1px solid #6b1544;
		background: #6b1544;
		border-radius: 0px;
		padding: 8px 17px 8px;
		box-shadow: none;
		color: #fff;
		text-shadow: none;
	}
	.appBtnTertiary:hover {
		background-color: #fff;
		border: 1px solid #6b1544 !important;
		color: #6b1544 !important;
		text-shadow: none;
	}	
	
}