/*  #Mobile (Portrait) - Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
	
/* POPUP */

/* POPUP LOGIN */

#popup-login .popup-content .btns {
	text-align: center;
	}

	#popup-login .popup-content .btn {
		display: block;
		width: 100%;
		margin: 0 0 10px 0;
		text-align: center;
		}
		
	#popup-login .popup-content .recover-pass-link {
		float: none;
		line-height: inherit;
		}
		
/* 404 */

#main-404 img,
#main-maintenance img {
	width: 250px !important;
	}

#main-404 .nav-404 a,
#main-maintenance .nav-maintenance a {
	display: block;
	margin: 20px 0;
	}

/* HEADER */

	/* HEADER TOP BAR */
	
	#header .top-bar {
		text-align: center;
		}
		
		#header .top-bar ul {
			float: none;
			display: block;
			text-align: center !important;
			}
			
			#header .top-bar ul li {
				float: none !important;
				display: inline-block;
				margin: 0 3px !important;
				}
				
			#header .top-bar .user ul li:first-child {
				display: block !important;
				margin-bottom: 5px !important;
				}
				
				#header .top-bar nav ul li .btn-small {
					text-align: left;
					}

	/* MAIN NAVIGATION */
	
	#main-nav {
		}
	
		/* MAIN NAVIGATION LOGO */
	
		#main-nav .logo {
			position: relative;
			top: auto;
			margin: 0;
			font-size: 1em;
			}
			
			#main-nav .logo > a,
			#header-404 .logo > a,
			#header-maintenance .logo > a {
				float: left;
				display: block;
				width: 187px;
				height: 42px;
				background-size: 187px 42px;
				margin: 0 0 10px 0;
				}
			
			#main-nav .logo span,
			#header-404 .logo span,
			#header-maintenance .logo span {
				clear: left;
				float: none;
				display: block;
				width: 100%;
				height: auto;
				padding: 0;
				margin: 0;
				border: 0;
				}
		
	#main-nav ul {
		display: none;
		}
		
		#main-nav .btn-nav {
			display: block;
			position: absolute;
			top: 26px;
			right: 0;
			width: 36px;
			height: 36px;
			font-size: 1.71428571em;
			line-height: 36px;
			text-align: center;
			color: #000;
			border: 1px solid #757575;
			}
			
		#main-nav .btn-nav:hover {
			color: #000;
			}
			
		#main-nav .btn-nav.active {
			color: #fff;
			background: #000;
			}
			
		.no-touch #main-nav .btn-nav {
			line-height: 34px;
			}
			
		#main-nav .btn-search {
			display: block;
			position: absolute;
			top: 26px;
			right: 46px;
			width: 36px;
			height: 36px;
			font-size: 1.71428571em;
			line-height: 34px;
			text-align: center;
			color: #000;
			border: 1px solid #757575;
			}
			
		#main-nav .btn-search:hover {
			color: #000;
			}
			
		#main-nav .btn-search.active {
			color: #fff;
			background: #000;
			}
			
		.no-touch #main-nav .btn-search {
			line-height: 32px;
			}
		
	#page {
		position: relative;
		z-index: 20;
		background: #fff;
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: all 400ms cubic-bezier(0.520, 0.005, 0.160, 1);
		-webkit-transition: all 400ms cubic-bezier(0.520, 0.005, 0.160, 1.240); 
		-moz-transition: all 400ms cubic-bezier(0.520, 0.005, 0.160, 1.240); 
		-ms-transition: all 400ms cubic-bezier(0.520, 0.005, 0.160, 1.240); 
		-o-transition: all 400ms cubic-bezier(0.520, 0.005, 0.160, 1.240);
		transition: all 400ms cubic-bezier(0.520, 0.005, 0.160, 1.240);
		
		-webkit-transition-timing-function: cubic-bezier(0.520, 0.005, 0.160, 1);
		-webkit-transition-timing-function: cubic-bezier(0.520, 0.005, 0.160, 1.240); 
		-moz-transition-timing-function: cubic-bezier(0.520, 0.005, 0.160, 1.240); 
		-ms-transition-timing-function: cubic-bezier(0.520, 0.005, 0.160, 1.240);
		-o-transition-timing-function: cubic-bezier(0.520, 0.005, 0.160, 1.240); 
		transition-timing-function: cubic-bezier(0.520, 0.005, 0.160, 1.240);
		}
	
	#main-nav-mobile {
		position: absolute;
		z-index: 10;
		top: 0;
		right: 0;
		display: block;
		width: 300px;
		height: 100%;
		background: #353535;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		}
		
		#main-nav-mobile > ul {
			margin: 0;
			padding: 0;
			}
			
			#main-nav-mobile > ul > li {
				}
				
				#main-nav-mobile > ul > li > a {
					display: block;
					padding: 10px;
					padding: 8px 20px 20px 70px;
					font-size: 0.78571429em;
					color: #fff;
					font-weight: bold;
					text-transform: uppercase;
					text-decoration: none;
					background: #353535;
					border-top: 6px solid #0097c8;
					color: #fff;
					}
					
				#main-nav-mobile > ul > li.news-service > a {
					border-color: #1172c2;
					}
					
				#main-nav-mobile > ul > li.columnists > a {
					border-color: #e0387a;
					}
					
				#main-nav-mobile > ul > li.suscriptions > a {
					border-color: #73c000;
					}
					
				#main-nav-mobile > ul > li > ul {
					margin: 0;
					padding: 0;
					display: none;
					}
					
					#main-nav-mobile > ul > li > ul > li {
						border-bottom: 1px solid #fff;
						}
						
					#main-nav-mobile > ul > li > ul > li:last-child {
						border-bottom: 0;
						}
					
						#main-nav-mobile > ul > li > ul > li > a {
							display: block;
							padding: 8px 20px 8px 70px;
							font-size: 0.78571429em;
							color: #fff;
							font-weight: bold;
							text-transform: uppercase;
							text-decoration: none;
							background: #08b4fa;
							}
							
						#main-nav-mobile > ul > li.news-service > ul > li > a {
							background: #418ece;
							}
							
						#main-nav-mobile > ul > li.columnists > ul > li > a {
							background: #e0387a;
							}
							
						#main-nav-mobile > ul > li.suscriptions > ul > li > a {
							background: #8fcd33;
							}
		
	#page.displayed {
		right: 0;
		overflow: hidden;
		-o-transform: translateX(-250px);
		-ms-transform: translateX(-250px);
		-moz-transform: translateX(-250px);
		-webkit-transform: translateX(-250px);
		transform: translateX(-250px);
		-o-box-shadow: 0px 0px 20px rgba(0,0,0,.5);
		-ms-box-shadow: 0px 0px 20px rgba(0,0,0,.5);
		-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.5);
		-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.5);
		box-shadow: 0px 0px 20px rgba(0,0,0,.5);
		}
		
	#main-nav-mobile.displayed {
		overflow-y: auto;
		}
						
		/* SEARCH */
		
		#search {
			display: none;
			padding: 10px;
			}
		
			#search fieldset {
				margin: 0 0 10px 0;
				}
				
			#search fieldset:last-child {
				margin: 0;
				}
				
/* MAIN */

	/* COMMON CAROUSEL */
	
	.carousel-columnists .carousel-nav {
		display: none;
		}
		
	.carousel.carousel-columnists {
		padding: 0;
		}

	/* COMMON PAGE TITLE */
	
	.page-title {
		font: bold 2.28571429em/34px Georgia, "Times New Roman", Times, serif;
		background-position: left 16px !important;
		}
		
	/* SECTION SEARCH */
	
	.search .piece .article,
	.search .pack .article,
	.search .subscription .article {
		margin-left: 0;
		}

	/* COMMON HALF SIZE */
			
	.half-size {
		float: none;
		width: 100% !important;
		padding: 0;
		}
		
	.half-size:nth-child(odd) {
		padding: 0;
		}
		
	.half-size.jump-one:nth-child(odd) {
		padding: 0;
		}
		
	.half-size.jump-one:nth-child(even) {
		padding: 0;
		}
		
	.box .half-size.jump-one:nth-child(odd) {
		margin-bottom: 1em;
		padding-bottom: 1em;
		border-bottom: 1px solid #ccc;
		}
		
	/* COMMON TABS */
	
	.tabs-nav-mobile {
		display: block;
		}
		
		.tabs-nav-mobile select,
		.tabs-nav-mobile select:focus {
			margin-bottom: -1px;
			color: #fff !important;
			background: #0097c8;
			border: 0;
			-webkit-border-radius: 0;
			}
			
		.tabs-nav-mobile .select .fa {
			color: #fff;
			}
	
	.tabs-nav {
		display: none;
		}
		
	/* COMMON GRID */
	
	.grid-content {
		margin: 0;
		}

		.grid-content > * {
			float: none;
			width: 100%;
			padding: 0;
			}
			
	/* COMMON BOTTOM BTNS */
	
	.bottom-btns {
		position: relative;
		text-align: center;
		}
	
		.bottom-btns .btn {
			display: block;
			text-align: center;
			position: relative;
			top: auto;
			left: auto;
			margin-bottom: 10px;
			}
			
		.bottom-btns .btn:last-child {
			margin-bottom: 0;
			}
			
	/* SECTION CART */
	
	.cart-steps {
		margin: 0 -2px 20px;
		}		
		
	.cart-steps li {
		display: block;
		position: relative;
		float: left;
		width: 25%;
		margin: 0;
		padding: 0 2px !important;
		background: none;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}
		
	.cart-steps li.active {
		background: none;
		}
		
		.cart-steps li > span {
			position: relative;
			display: block;
			font-size: 0.78571429em;
			text-align: center;
			padding: 0 0 5px !important;
			border-bottom: 2px solid #ccc;
			}
			
		.cart-steps li > span:before {
			display: none;
			}
		
		.cart-steps li.active > span {
			color: #0097c8;
			background: none;
			border-color: #0097c8;
			}
			
			.cart-steps li > span .number,
			.cart-steps li:first-child > span .number {
				position: relative;
				left: auto;
				top: auto;
				display: block;
				margin: 0 auto 5px;
				}
				
			.cart-steps li.active > span .number {
				color: #fff;
				background: #0097c8;
				}
				
		/* CART TABLE */
		
		.cart-table,
		.cart-table thead,
		.cart-table tbody,
		.cart-table tr,
		.cart-table th,
		.cart-table td {
			display: block;
			text-align: left !important;
			}
			
			.cart-table tr {
				position: relative;
				}
			
			.cart-table tr:nth-child(even) {
				background: #eee;
				}
			
			.cart-table thead tr { 
				position: absolute;
				top: -9999px;
				left: -9999px;
				}
				
			.cart-table tr {
				border: 1px solid #ccc;
				margin-top: -1px;
				}
				
			.cart-table tr:first-child {
				margin-top: 0;
				}
				
			.cart-table td {
				width: 100% !important;
				border: none;
				}
				
			.cart-table .type {
				float: left;
				display: inline-block !important;
				width: 32px !important;
				text-align: center;
				}
				
			.cart-table .product {
				float: left;
				display: inline-block !important;
				width: 80% !important;
				padding-left: 0;
				}
				
			.cart-table .delete {
				position: absolute;
				top: 0;
				right: 0;
				width: 50px !important;
				text-align: right !important;
				background: none;
				}
				
			.cart-table .conditions {
				padding: 0 7px 10px 33px;
				display: inline-block !important;
				width: 80% !important;
				}
				
			.cart-table .price {
				padding: 0 7px 10px 33px;
				display: inline-block !important;
				width: 80% !important;
				}
		
	/* SIDEBAR */
	
		/* SIDEBAR SUSCRIPTIONS LIST */
		
		.suscriptions-list .title {
			margin-top: 0;
			}
			
/* FOOTER */

	/* FOOTER BOX */
			
	.footer-box .faq,
	.footer-box .newsletter {
		float: none;
		width: 100%;
		}
			
		.footer-box .faq h1,
		.footer-box .newsletter h1 {
			width: 100%;
			margin: 0 0 10px 0;
			font: bold 1em/18px Arial, Helvetica, Garuda, sans-serif;
			}
			
		.footer-box .faq .btn {
			float: none;
			}
			
	.footer-box .newsletter {
		border: 0;
		border-top: 1px solid #ccc;
		}
		
		.footer-box .newsletter fieldset {
			float: none;
			width: 100%;
			}
			
		.footer-box .prisa-companies {
			clear: both;
			position: relative;
			padding: 20px 10px 5px 10px;
			min-height: 100px;
			border-top: 1px solid #ccc;
			background: none;
			}
		
			.footer-box .prisa-companies .logo-prisa {
				position: relative;
				left: auto;
				top: auto;
				width: 100%;
				height: 68px;
				margin: 0 0 10px 0;
				padding: 0;
				border-bottom: 1px solid #ccc;
				}
				
				.footer-box .prisa-companies .logo-prisa a {
					display: block;
					width: auto;
					background-position: center center;
					}
					
			.footer-box .prisa-companies .prisa-companies-logos {
				text-align: center;
				}
				
				.footer-box .prisa-companies .prisa-companies-logos li {
					float: none;
					display: inline-block;
					margin: 0 5px 10px;
					}
			
	/* FOOTER BOTTOM */
		
	.footer-bottom .safe-pay {
		margin-bottom: 5px;
		}	
		
	.footer-bottom .safe-pay,
	.footer-bottom .legal {
		float: none;
		text-align: center;
		}	

}