@media (max-width: 959px) 
{
    
    section.main img.logo {height: 150px; width: auto; margin-left: -205px!important}
    section.main .cta, section.main .extra {margin-left: 15px!important}

    
    section.footer {font-size: 75%}
    
    section.offer {height: 160px}
    section.offer .container {width: 640px; margin-left: -320px}
    section.offer .container .button.order {top: 20px; margin-top: 0; left: 50%; margin-left: -177px}
    section.offer .container p.extra {margin-left: -250px; margin-top: 0; top: 80px; text-align: center}
    
    section.faq .faq-block .question-item {width: 100%; margin: .125em 0}
    section.faq .faq-block .question-item.left {padding-right: 0}
    section.faq .faq-block .question-item.right {padding-left: 0}
    section.faq .faq-block .question-holder {margin: 0}
    
    section.partners-light {font-size: 90%}
}

@media (max-width: 799px) 
{
    
    section.partners p.title {font-size: 75%}
    section.partners .container {width: 320px; margin: 0 auto; float: none}

    section.partners-light {height: auto; font-size: 100%}
    section.partners-light .container {width: 320px; float: initial; text-align: center}
    section.partners-light .partner {display: block; padding: .35em 0; margin: 0 auto}
}



@media (max-width: 640px) 
{
 
    .mobile .button.order.fixed {position: fixed; float: left; bottom: initial; top: -48px; width: 101%; height: 48px; left: 0; margin-left: 0; font-size: 80%; display: block; z-index: 100}
    
    .mobile nav {position: absolute; top: 25px; height: 0; z-index: 65; display: block}
    .mobile nav .nav-container {display: block; height: 0px; overflow: hidden}
    .mobile nav ul {width: 100%; top: 20px; margin-left: 0!important; text-align: left; padding-left: 1em}
    .mobile nav ul li {width: 100%; height: 50px; line-height: 50px; font-size: 1.5em}
    .mobile nav .mobile-icon {width: 30px; height: auto}
    .mobile nav .mobile-icon#open {display: block}
    
    .mobile nav.full .nav-container {height: 117px}
    .mobile nav.full .nav-container img.logo {position: absolute; display: block; top: 0; width: 320px; left: 50%; margin-left: -160px; height: auto}
    .mobile nav.full .nav-container ul li span {line-height: 50px}
    .mobile nav.full ul {display: none}
    
    
    /*.mobile section.main {position: relative; float: left; height: auto; margin-top: 0}*/
    .mobile section.main {position: relative; float: left; /*height: 408px;*/ height: auto; margin-top: 0}
    /*.mobile section.main.full img.logo {position: absolute; float: left; width: 320px; height: auto; left: 50%!important; margin-left: -160px!important}*/
    .mobile section.main.full img.logo {position: absolute; float: left; z-index: 1; width: 320px; height: auto; top:25px; left: 50%!important; margin-left: -160px!important}
    .mobile section.main .cover {position: relative; float: left; height: 360px}
    .mobile section.main .cover .cover-image {position: relative; float: left; width: 663px!important; height: 100%; left: -331px; top: 0!important}
    /*.mobile section.main.full.light .cover .cover-image {width: initial!important}*/
    .mobile section.main.full.light .cover .cover-image {width: 831px!important}
    .mobile section.main .button.order {position: relative; float: left; bottom: initial; width: 101%; height: 48px; left: 0; margin-left: 0; font-size: 80%; top:-20px}
    .mobile section.main .cta, .mobile section.main .extra {position: relative; background-color: #fff; float: left; width: 100%; height: auto; margin-left: 0!important; top: 0; left: 0}
    .mobile section.main .cta p {position: relative; float: left; text-align: center; padding: 15px 0}
    
		
	
    .mobile section.info {float: left; height: 480px}
    .mobile section.info .cover {position: absolute; width: 300px; height: 300px; left: 50%; top: 25px; margin-left: -150px; overflow: initial}
    .mobile section.info .cover.bg {position: absolute; width: 756px; height: 480px; top: 0; left: 50%; margin-left: -378px}
    .mobile section.info .caption-container {position: absolute; width: 320px; height: 100px; bottom: 0; left: 50%; margin-left: -160px}
    .mobile section.info .caption-container p.caption {font-size: 1.1em}
    
    .mobile section.gallery .disclaimer {bottom: 3.5em}
    
    .mobile section.banner {height: 240px}
    .mobile section.banner .container {width: 100%; height: 100%; left: 0; margin-left: 0;}
    .mobile section.banner .container img {position: absolute; width: 480px; height: auto; left: 50%; margin-left: -300px; bottom: 0}
    .mobile section.banner .container p {position: absolute; left: 0; top: 0; width: 100%; height: 40%; text-align: center}
    
    .mobile section.footer {font-size: 100%}
    .mobile section.footer .container .box {width: 100%; margin: .5em 0; border-right: 0; border-bottom: 1px solid #f5f5f5}
    .mobile section.footer .container .box .wrapper {width: 18em; margin-left: -9em}
    .mobile section.footer .container .box .wrapper p.icon.small {width: 93%; text-align: left}
    .mobile section.footer .container .box .wrapper p.icon.small span {padding: 0 .25em; font-size: 1.75em}
    
    .mobile section.faq .container {width: 100%; padding: .25em; font-size: 115%}

    .mobile section.digital p.title,
    .mobile section.digital p.description {width: 320px; margin-left: -160px; font-size: 80%; padding: 0 2em}
    .mobile section.digital p.cta {width: 280px; margin-left: -140px; font-size: 85%}
    
    .mobile section.offer {height: 155px}
    .mobile section.offer .container {width: 100%; left: 0; margin-left: 0}
    .mobile section.offer .container .button.order {position: relative; float: left; bottom: initial; width: 101%; height: 48px; left: 0; top: 0px; margin-left: 0; font-size: 80%}
    .mobile section.offer .container p.extra {width: 100%; padding: 0 1.5em; left: 0; margin-left: 0; top: 70px; font-size: 80%}
    
    .mobile section.main-order {position: relative; float: left;  margin-top: 0}
    .mobile section.main-order {height: auto}
    .mobile section.main-order .rel {position: relative!important; float: left!important; width: 100%!important; height: auto!important; left: 0!important; margin-left: 0!important; top: 0!important}
    .mobile section.main-order .container {margin-top: 145px}
    .mobile section.main-order .container p {padding: 0 2em; font-size: 140%!important}
    .mobile section.main-order.full .container {margin-top: 0}
    .mobile section.main-order img.logo {position: relative; float: left; width: 320px!important; height: auto; left: 50%!important; margin-left: -160px!important}
    .mobile section.main-order .holder#right .thumb {width: 70%!important; left: 15%!important; top: -35px!Important;}
    .mobile section.main-order .button.order {position: relative; float: left; margin-top: 2em;  width: 101%; left: 0; margin-left: 0}
    .mobile section.main-order .holder .label-holder {font-size: 70%}
    .mobile section.main-order .holder .label-holder.bollo img {left: 1em; font-size: 120%}
    
    .mobile section.order-button {font-size: 100%!important; height: 48px; padding: 0}
    .mobile section.order-button .button.order {position: relative; float: left; bottom: initial; width: 101%; height: 48px; left: 0; margin-left: 0; font-size: 80%}
    
    .mobile section.hotspot .container {width: 30em; margin-left: -15em}
    .mobile section.hotspot .container .holder .item {width: 100%}
    .mobile section.hotspot .container .holder .item#right {position: absolute; left: 100%}
}