.hideIsMobile {
	display: none;
}

/* MOBILE LOGIN 768px */
@media ( max-width : 768px) {
	.hideIsMobile {
		display: block;
	}
	.hideIsWeb {
		display: none;
	}
	#wrapperSite {
		width: 100%;
		padding-top: 30px;
	}
	#mobileTitle {
		width: 86%;
		padding: 0 7%;
		margin-bottom: 30px;
	}
	#mobileTitle .title {
		color: #393C4B;
		font: 400 30px 'Aprex-New-Bold', sans-serif;
	}
	#mobileTitle .cod {
		color: #393C4B;
		font: 400 16px 'Aprex-New-Bold', sans-serif;
	}
	#mobileTitle .autor {
		color: #CCCCCC;
		text-transform: uppercase;
		font: 700 13px 'PT-Sans', sans-serif;
	}
	#mobileTitle .rating {
		margin-top: 5px;
		color: #949494;
		text-transform: uppercase;
	}
	#mobileTitle .rating img {
		margin-right: 5px;
	}
	#header {
		position: relative;
	}
	#pageTitle {
		position: relative;
		top: 0px;
	}
	.shadowHeader {
		background-position: center, center;
	}
	#detalhe {
		width: 100%;
		max-width: 768px;
	}
	#detalhe .left {
		width: 100%;
		text-align: center;
		max-width: 100%;
		min-width: 0px;
		margin-right: 0px;
	}
	#detalhe .left .img {
		display: inline-block;
		float: none;
		margin-bottom: 20px;
		margin-left: auto;
		margin-top: 0;
		text-align: center;
	}
	#detalhe .bookInfo {
		width: 100%;
		margin-bottom: 20px;
		display: table;
	}
	#detalhe .bookInfo div {
		margin-bottom: 0;
		margin-right: 20px;
		display: table-cell;
		vertical-align: middle;
	}
	#detalhe .right .top .title, #detalhe .right .top .cod, #detalhe .right .top .autor,
		#detalhe .right .top .rating {
		display: none;
	}
	#detalhe .bookInfo div .letras, #detalhe .bookInfo div .percentagemDesconto
		{
		width: 100%;
	}
	#detalhe .options {
		width: 100%;
	}
	#detalhe .right {
		width: 100%;
	}
	#detalhe .right .top {
		width: 100%;
	}
	#detalhe .right .top .info {
		width: 86%;
		padding: 0 7%;
		max-width: 768px;
		margin-top: 30px;
		text-align: center;
	}
	#detalhe .right .top .info .col:first-of-type {
		width: 100%;
		border: none;
		display: block;
		font-size: 13px;
	}
	#detalhe .right .top .info .col:first-of-type span {
		font-size: 13px;
		color: #383D4B;
		text-transform: initial;
	}
	#detalhe .bottom {
		width: 100%;
		margin-top: 30px;
	}
	#detalhe .bottom .optionsMenu {
		width: 100%;
		text-align: center;
		padding-bottom: 5px;
		border-bottom: 1px dotted #383E4C;
	}
	#detalhe .bottom .optionsMenu:first-of-type .rightMenu {
		display: none;
	}
	#detalhe .bottom .optionsMenu .leftMenu {
		width: 100%;
	}
	#detalhe .right .top .info .col {
		display: none;
	}
	#infoMobile {
		width: 86%;
		padding: 0 7%;
		margin: 30px 0;
	}
	#infoMobile .col {
		margin-bottom: 30px;
		padding-left: 10px;
		border-left: 1px solid #DDDDDD;
	}
	#infoMobile a {
		color: #000000;
		display: block;
		text-decoration: underline;
	}
	#infoMobile a:first-of-type {
		font-size: 11px;
		padding-top: 5px;
	}
	#infoMobile a:hover {
		color: #666666;
	}
	#infoMobile span {
		text-transform: uppercase;
		color: #8A8A8A;
		font-size: 11px;
	}
	#infoMobile:first-of-type {
		font: 400 12px 'PT-Sans', sans-serif;
		color: #949494;
		width: 340px;
		display: table-cell;
		padding-left: 0;
		border-right: 1px solid #DDDDDD;
	}
	#infoMobile:last-of-type {
		border: none;
		width: 235px;
		vertical-align: top;
	}
	#infoMobile .awards {
		width: 235px;
		display: table;
		margin-bottom: 15px;
	}
	#infoMobile .awards .img, #infoMobile .awards .text {
		display: table-cell;
		vertical-align: middle;
	}
	#infoMobile .awards .img {
		width: 72px;
	}
	#infoMobile .awards .text {
		font-size: 11px;
		padding-left: 10px;
	}
	#infoMobile .awards:last-of-type {
		margin: 0;
	}
	#infoMobile .awards a {
		text-decoration: none;
	}
	#detalhe {
		padding-bottom: 10px;
	}
	#detalhe .bottom .optionsMenu .rightMenu {
		width: 100%;
		text-align: center;
	}
	#detalhe .bottom .bookPrice {
		width: 86%;
		padding: 0 7%;
	}
	#detalhe .bottom .bookPrice .wrapperTalble {
		display: block;
	}
	#detalhe .bottom .bookPrice .pvp {
		float: left;
		padding-right: 0;
		width: 50%;
	}
	#detalhe .bottom .bookPrice .price {
		float: left;
		font-size: 43px;
		width: 50%;
		text-align: left;
		padding-right: 0;
	}
	#detalhe .bottom .bookPrice a {
		float: right;
		margin-right: 0;
		margin-top: 0;
	}
	#detalhe .bottom .bookPriceMobile {
		float: left;
		width: 86%;
		padding: 0 7%;
		margin-top: 30px;
		padding-bottom: 20px;
		border-bottom: 1px solid #E3E3E3;
	}
	#detalhe .bottom .bookPriceMobile .wrapperTalble {
		display: block;
	}
	#detalhe .bottom .bookPriceMobile .wrapperTalble .leftMobile {
		float: left;
		width: 50%;
	}
	#detalhe .bottom .bookPriceMobile .pvp, #detalhe .bottom .bookPriceMobile .price,
		#detalhe .bottom .bookPriceMobile a, #detalhe .bottom .bookPriceMobile .addInfo
		{
		display: table-cell;
		vertical-align: top;
	}
	#detalhe .bottom .bookPriceMobile .pvp {
		display: block;
		width: 100%;
		text-decoration: line-through;
		vertical-align: middle;
		font: 400 20px 'Aprex-New-Bold', sans-serif;
	}
	#detalhe .bottom .bookPriceMobile .pvp span {
		font-size: 12px;
	}
	#detalhe .bottom .bookPriceMobile .price {
		clear: both;
		color: #E3141A;
		font: 400 42px 'Aprex-New-Bold', sans-serif;
		line-height: 40px;
		width: 100%;
		vertical-align: middle;
		text-align: left;
		display: block;
	}
	#detalhe .bottom .bookPriceMobile a {
		float: right;
		width: 50%;
		max-width: 120px;
		text-align: center;
		background: #E3141A url('/temas/mediabooks_v2/img/icon_shopBT.png')
			no-repeat 25px center;
		display: inline-block;
		color: #FFFFFF;
		text-transform: uppercase;
		font: 700 13px 'PT-Sans', sans-serif;
		padding: 10px 0;
		padding-left: 15px;
		vertical-align: middle;
		margin-top: 5px;
	}
	#detalhe .bottom .bookPriceMobile a:hover {
		background-color: #EF3125;
	}
	#detalhe .bottom .bookPriceMobile .addInfo {
		display: block;
		width: 100%;
		margin-top: 10px;
		font-size: 11px;
		color: #999999;
		text-align: left;
	}
	.eBookPriceMobile {
		width: 100%;
	}
	#detalhe .bottom .eBookPriceMobile {
		width: 86%;
		padding: 0 7%;
		margin-top: 30px;
		padding-bottom: 20px;
	}
	#detalhe .bottom .eBookPriceMobile .wrapperTalble {
		display: block;
	}
	#detalhe .bottom .eBookPriceMobile .wrapperTalble .leftMobile {
		float: left;
		width: 50%;
	}
	#detalhe .bottom .eBookPriceMobile .pvp, #detalhe .bottom .eBookPriceMobile .price,
		#detalhe .bottom .eBookPriceMobile a, #detalhe .bottom .eBookPriceMobile .addInfo
		{
		display: table-cell;
		vertical-align: top;
	}
	#detalhe .bottom .eBookPriceMobile .pvp {
		display: block;
		width: 100%;
		text-decoration: line-through;
		vertical-align: middle;
		font: 400 20px 'Aprex-New-Bold', sans-serif;
		color: #999999;
		width: 100%;
		font: 400 13px 'Aprex-New-Bold', sans-serif;
	}
	#detalhe .bottom .eBookPriceMobile .pvp span {
		font-size: 9px;
	}
	#detalhe .bottom .eBookPriceMobile .price {
		clear: both;
		color: #373D4B;
		font: 400 27px 'Aprex-New-Bold', sans-serif;
		line-height: 40px;
		width: 100%;
		vertical-align: middle;
		text-align: left;
		display: block;
	}
	#detalhe .bottom .eBookPriceMobile a {
		float: right;
		width: 50%;
		max-width: 120px;
		text-align: center;
		background: #373D4B url('/temas/mediabooks_v2/img/icon_shopBT.png')
			no-repeat 25px center;
		display: inline-block;
		color: #FFFFFF;
		text-transform: uppercase;
		font: 700 13px 'PT-Sans', sans-serif;
		padding: 7px 0;
		padding-left: 15px;
		vertical-align: middle;
		margin-top: 10px;
	}
	#detalhe .bottom .eBookPriceMobile a:hover {
		background-color: #333333;
	}
	#detalhe .bottom .eBookPriceMobile .addInfo {
		display: block;
		width: 100%;
		margin-top: 10px;
		font-size: 11px;
		color: #999999;
		text-align: left;
	}
	div#sinopse {
		margin-bottom: 5px;
	}
	#leftBook {
		width: 100%;
		margin-bottom: 10px;
	}
	#leftBook .adicionalInfo {
		width: 86%;
		margin: 0 7%;
		margin-bottom: 20px;
	}
	#leftBook .adicionalInfo .title {
		display: none;
	}
	#leftBook .adicionalInfo .titleActive {
		display: block;
		font-size: 24px;
	}
	#sinopse, #autor, #videos, #galerias, #campanhas, #comentarios, #login {
		width: 86%;
		margin: 0 7%;
	}
	#sinopse .title, #sinopse .text {
		width: 100%;
	}
	#sinopse .title {
		margin-bottom: 10px;
	}
	
	#autor .left, #autor>.right {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.infosBook>.title {
		width: 100%;
	}
	#autor .left img {
		float: left;
	}
	#autor .left a {
		clear: both;
		margin: 20px 0;
	}
	#videos {
		margin-bottom: 30px;
	}
	#videos .left {
		width: 100%;
		margin-right: 0;
	}
	#videos .left img {
		max-width: 100%;
		margin-bottom: 10px;
	}
	#videos .right, #videos .video, #campanhas ul li, #campanhas ul li .img,
		#campanhas ul li .img img, #campanhas ul, #campanhas .bottom {
		width: 100%;
	}
	#campanhas ul {
		width: 100%;
	}
	#campanhas ul li .info {
		width: 90%;
		padding: 7px 5%;
	}
	#campanhas ul li .more {
		width: 20%;
		text-align: center;
	}
	#campanhas .bottom div {
		width: 60%;
		margin-left: 5%;
		font-size: 10px;
	}
	#login {
		width: 100%;
		margin: 0 auto;
		float: none;
		margin-top: 45px;
	}
	#login .news {
		width: 90%;
		margin: 0 auto;
	}
	#login>.title {
		width: 86%;
		float: none;
		margin: 0 auto;
		font-size: 16px;
	}
	.news .title {
		margin-right: 0;
		margin: 0 auto;
	}
	.news .titleActive {
		font: 400 30px 'Aprex-New-Bold', sans-serif;
	}
	.news .title span {
		margin-top: 0;
		font-size: 12px;
	}
	#login .wrapperLogin {
		width: 86%;
		padding: 7%;
		padding-bottom: 35px;
		margin-top: 10px;
	}
	#login .wrapperLogin .left {
		width: 100%;
		margin-right: 0;
		padding-bottom: 30px;
		border-bottom: 1px solid #888888;
	}
	#login .wrapperLogin .leyaTitle {
		margin: 0;
		margin-bottom: 25px;
		margin-top: 10px;
	}
	#login .wrapperLogin .right {
		width: 100%;
		padding-top: 25px;
	}
	#login .wrapperLogin .right .leyaTitle {
		font-size: 19px;
		margin-bottom: 20px;
		margin-top: 0;
	}
	#login .wrapperLogin .left .input {
		width: 80%;
		padding: 8px 5px;
	}
	#rightBook {
		width: 86%;
		margin: 0 auto;
		float: none;
	}
	#rightBook .titles {
		width: 100%;
	}
	#rightBook .col {
		width: 100%;
	}
	#autorBooks {
		width: 100%;
	}
	.carouselFundo .wrapperTop .title {
		font-size: 20px;
	}
	#livrosParaQuemGostaDe.carousel, #leftBook .carousel {
		margin: 20px 50px;
		width: 100%;
	}
	#quemComprou.carousel{
		margin: 0 7%;
		width: 86%;
	}
	#outrosLivros{
		margin: 0 7%;
		width: 86%;
	}
	#noticiasLaterais {
		width: 100%;
	}
	#detalhe>div.right>div>div.rightMenu {
		margin: auto;
		margin-top: 20px;
		margin-bottom: 15px;
		width: 150px;
	}
	#detalhe .precos {
		display: block;
		width: 280px;
		margin: auto;
		float: none;
	}
	#leftBook .info .col:first-of-type {
		color: #949494;
		font: 400 12px "PT-Sans", sans-serif;
		margin: auto;
		border-right: none;
		display: block;
		margin: 0 7%;
    	width: 86%;
		
	}
	#leftBook .info .col:last-of-type {
		border: medium none;
		margin: auto;
		display: block;
		width: 235px;
		margin: 0 7%;
    	width: 86%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#leftBook .info .col {
		margin-top: 20px;
		display: block;
		width: 200px;
	}
	
}

/* MOBILE LOGIN 340px */
@media ( max-width : 340px ) {
	#detalhe .right .top .info {
		text-align: left;
	}
	#videos .videoYoutube .btnPlay {
		left: 33%;
		top: 16%;
	}
}