@media only screen and (max-width: 700px){
	*, *::before, *::after{
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	
	html, body{
		min-width: 300px !important;
		-webkit-text-size-adjust: 100%;
		font-size: 16px;
	}
	
	input[type='text'], input[type='password'], select{
		padding: 0.5rem;
		display: inline-block;
		height: auto;
	}
	
	input[type='radio'], input[type='checkbox']{
		background: #DDDDDD !important;
		background-image: none !important;
		border: 1px solid #CCCCCC !important;
	}
	
	.site-wrapper{
		width: 100% !important;
		min-width: auto !important;
		min-height: 100vh;
	}
	
	.holder{
		display: inline-block;
	}
	
	.container{
		width: 100% !important;
		min-width: auto !important;
		padding: 0 5px;
	}
	
	.main-content{
		width: 100% !important;
		padding: 0 10px !important;
	}
	
	header .main-top > .pull-right{
		margin-top: 5px;
	}
	
	header .search-field{
		clear: both;
		margin: 15px 0px;
		width: 100%;
		padding-left: 10px;
	}
	
	.main-top .search-field .input-medium{
		height: 30px;
	}
	
	header .top-menu{
		width: 100% !important;
	}
	
	.top-menu > ul{
		/*display: inline-block;*/
		display: none;
	}
	
	header .top-menu .m_menu{
		height: 40px;
		background-color: #015699;
		width: calc(100% - 1px);
		/*position: relative;
		left: -5px;*/
	}
	
	header .top-menu .m_menu .m_icon_menu{
		display: block;
		float: right;
		margin: 1px 5px 1px 0;
		width: 35px;
	}
	
	header .top-menu .m_menu .m_icon_menu span{
		width: 35px;
		display: block;
		border-top: 3px solid #FFFFFF;
		border-bottom: 3px solid #FFFFFF;
		line-height: 0;
		margin-top: 5px;
		border-radius: 3px;
	}
	
	header .top-menu .parent{
		display: inline-block;
		width: 100% !important;
		float: none;
		height: auto;
	}
	
	header .top-menu .parent br{
		display: none;
	}
	
	header .top-menu .parent:hover{
		/*background-position: 0 bottom;*/
		background-position: 0 0;
	}
	
	header .top-menu .parent > a{
		width: 100%;
		display: inline-block;
	}
	
	header .top-menu .parent:hover > a{
		/*color: #202020;*/
		color: #FFFFFF;
	}
	
	header .top-menu .parent:hover .sub-menu{
		/*display: block;*/
		display: none;
	}
	
	header .top-menu .parent > a span{
		width: 100% !important;
		display: inline-block;
		height: auto !important;
	}
	
	header .top-menu .parent > a span label{
		display: inline-block !important;
		line-height: 35px;
		padding-left: 10px;
		margin-top: 0px !important;
		width: calc(100% - 35px);
	}
	
	header .top-menu .parent .sub-menu{
		position: relative;
		padding-top: 0px;
	}
	
	header .top-menu .parent .sub-menu .nav-list{
		box-shadow: none;
		width: 100%;
		margin-bottom: 0;
	}
	
	header .top-menu .parent .sub-menu .nav-list .icon-white-arrow{
		display: none;
	}
	
	header .top-menu .parent .sub-menu .nav-list ul{
		display: block !important;
	}
	
	/*** HOME - INICIO ***/
	
	.side-menu 	.nav-list li a{
		border-bottom: 1px dotted #cacaca !important;
	}
	
	.products-list .product.box{
		width: 33.3% !important;
	}
	
	.products-list .product.box .title{
		padding: 15px 5px 10px;
		margin: 0px;
		width: 100%;
	}
	
	.products-list .product.box .more-related{
		margin: 0px;
		padding: 10px 15px 0;
	}
	
	.container-sugestions{
		width: 100% !important;
		padding: 0 5px;
	}
	
	.sugestion a{
		padding: 25px;
		width: 33.3%;
		max-height: 100%;
		min-height: 100%;
	}
	
	.shopping-informs{
		width: 100%;
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.shopping-informs .warranty-seal{
		display: inline-block;
		width: 163px;
		padding-right: 5px;
		margin-right: 0px;
	}
	
	
	.shopping-informs .pull-left .txt{
		width: calc(100% - 163px);
		display: inline-block;
		margin: 30px 0;
	}
	
	.shopping-informs .pull-right .txt{
		vertical-align: middle;
	}

	/*** HOME - FIM ***/
	
	
	/*** SECAO - INICIO ***/
	
	#products-section .list-products .product{
		width: 100%;
		padding-bottom: 0px;
	}
	
	#products-section .list-products .product .txt{
		width: 100%;
		margin-right: 0;
	}
	
	#products-section .list-products .product > div{
		width: 100%;
		display: inline-block;
	}
	
	
	#products-section .list-products .product > .price > .holder{
		padding: 0 0 15px;
	}
	
	#products-section .list-products .division{
		display: none !important;
		/*position: relative;
		width: 27px !important;*/
	}
	
	#products-section .list-products .price{
		width: 100% !important;
	}
	
	.custom-search .form-title{
		margin-bottom: 20px;
	}
	
	.custom-search .fields{
		width: 100%;
	}
	
	.custom-search .input{
		margin-right: 0;
		float: none;
		margin-bottom: 10px;
	}
	
	.custom-search .input .input-medium{
		width: 100%;
	}
	
	/*** SECAO - FIM ***/
	
	/*** PRODUTO - INICIO ***/
	
	
	#product-internal .product-summary .pull-left{
		float: none !important;
		text-align: center;
	}
	
	#product-internal .product-summary .pull-left .product-image{
		margin: 30px auto 25px;
	}
	
	#product-internal .see-canvas{
		margin: 0;
	}
	
	#product-internal .see-canvas a{
		display: inline-block;
	}
	
	#product-internal .see-canvas a br{
		display: none;
	}
	
	#product-internal .see-canvas a .icon-canvas{
		float: none;
		display: inline-block;
		position: relative;
		top: 10px;
	}
	
	#product-internal .product-summary .buy-info{
		width: 100%;
	}
	
	#product-internal .buy-info .input{
		width: 100%;
		float: none;
		text-align: center;
	}
	
	#product-internal .download-holder{
		background: none !important;
	}
	
	#product-internal .download-holder .pull-left{
		width: 100%;
		display: inline-block;
	}
	
	#product-internal .download-holder .pull-right{
		width: 100%;
		float: none;
		margin-top: 15px;
	}
	
	#product-internal .download-holder .download .informs{
		margin-top: 0;
	}
	
	.download p#pOne, .download p#pTwo{
		float: none;
	}
	
	.fb-plugin > div{
		width: 100%;
		margin: 10px 0 !important;
	}
	
	.fb-plugin > div > span{
		width: 100% !important;
	}
	
	
	.fb-plugin > div > span > iframe{
		width: 100% !important;
	}
	
	/*** PRODUTO - FIM ***/
	
	/*** CART - INICIO ***/
	
	.item-holder .suggested{
		padding: 15px 10px !important;
	}
	
	.txtacao-suggested{
		position: relative;
	}
	
	.maisinfo-suggested{
		margin-left: 0;
		right: 0;
		margin-top: -15px;
		width: auto;
	}
	
	.preco-suggested{
		margin-left: 0;
		right: 0;
		margin-top: 5px;
		width: 30%;
	}
	
	.btnacao-suggested{
		margin-left: 0;
		right: 0;
		margin-top: 35px;
		width: 10%;
	}
	
	.produto-suggested{
		width: 70%;
	}
	
	.see-more .product{
		width: calc(100% - 62px);
	}
	
	.see-more .product .pattern-bkg{
		width: 100%;
		height: auto;
	}
	
	/*** CART - FIM ***/
	
	/*** CHECKOUT - INICIO ***/
	
	.site-wrapper .page-content.diffFooter{
		margin-top: 0 !important;
	}
	
	.diffFooter .main-content > div{
		position: relative !important;
		top: 0 !important;
	}
	
	.diffFooter .main-content > div > div:nth-child(1){
		width: calc(100% + 10px) !important;
		left: -5px !important;
		height: auto !important;
		position: relative;
		padding: 0 5px;
	}
	
	.diffFooter .main-content form > div{
		width: 100%;
		height: auto;
	}
	
	
	.diffFooter .linha2{
		padding-bottom: 10px;
	}
	
	.diffFooter .main-content form[name="formcompra"]{
		width: 90% !important;
	}
	
	.diffFooter .main-content form[name="formcompra"] > div > div:nth-child(2){
		padding-bottom: 15px;
	}
	
	/*** CHECKOUT - FIM ***/
	
	footer{
		overflow: hidden;
	}
	
	footer > div{
		height: auto !important;
	}
	
	footer .copyright p{
		float: none;
	}
	
	footer h2 .bigger{
		width: 100%;
		display: inline-block;
		border-right: 0;
	}
	
	footer .copyright .pull-left li:first-child a{
		border-left: none;
	}
	
	.formCartao, .formBradesco, .formBanrisul, .formBB, .formBol, .formCheque, .formDeposito, .formItaushop, .formPaypal{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.divPagamento input:not([type="radio"]):not([type="checkbox"]):not(.submit), .divPagamento select, .divPagamento textarea,
	.divPagamento input[name="email"], .divPagamento input[name="endereco"],
	.divPagamento input[name="cidade"], .divPagamento input[name="numerocartao"]{
		width: 100% !important;
		/*padding: 5px 10px;*/
		padding: 0.5rem;
		/*height: 30px;*/
		height: auto;
		
		font-size: 1rem;
		line-height: normal;
	}
	
	.divPagamento input.submit{
		/*padding: 0px;*/
		padding: 0.5rem;
		/*height: 30px;*/
		height: auto;
		font-weight: normal;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.contact-form .input{
		width: 100%;
		display: inline-block;
	}
	
	.input-xlarge, .input-large{
		width: 100%;
	}
	
	.main-content .newsletter .input-large{
		width: calc(100% - 50px);
		margin: 0 10px 0 0;
	}
	
	#who-we-are .content .txt .text{
		width: 100%;
		margin-left: 0;
	}
	
	.newsletter > form{
		padding-left: 0 !important;
	}
	
	.buy-steps .step .step1, .buy-steps .step .step2, .buy-steps .step .step3, .buy-steps .step .step4{
		display: none;
	}
	
	.ssl-info, .ssl-info .pull-left.last{
		width: 100% !important;
	}
	
	
	.font_size1{
		font-size: 1rem;
	}

	.font_size2{
		font-size: 1.25rem;
	}

	.font_size3{
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 600px){
	
	.logo{
		width: 50%;
	}
	
	header .main-top > .pull-right{
		width: 50%;
	}
	
	.products-list .product.box{
		width: 100% !important;
	}
	
	.divPagamento .tabelaform1, .divPagamento .tabelaform11, .divPagamento .tabelaform2, .divPagamento .tabelaform3, .divPagamento .tabelaform31{
		width: 100%;
	}
	
}

@media only screen and (max-width: 570px){
	header .mcafee{
		margin-right: 0px;
		width: 100%;
		float: none;
	}
	
	.logo img{
		max-width: 100%;
		height: auto !important;
	}
	
	.divPagamento .tabelaform1 td, .divPagamento .tabelaform11 td,
	.divPagamento .tabelaform2 td,
	.divPagamento .tabelaform3 td, .divPagamento .tabelaform31 td,
	.tdCampo1, .tdCampo2, .tdCampo3, .tdCampo4, .tdCampo5, .tdCampo6, .tdCampo7{
		display: inline-block;
		width: 100%;
		margin-bottom: 5px;
	}
	
	.tdSeparador1, .tdSeparador2, .tdSeparador3, .separador2{
		width: 0px;
		display: none !important;
	}

	.tdCampo1, .tdCampo2, .tdCampo3, .tdCampo4, .tdCampo5, .tdCampo6, .tdCampo7{
		display: inline-block;
		width: 100%;
	}
	
	.divPagamento input.submit{
		width: 100%;
	}
}

@media only screen and (max-width: 500px){
	.sugestion a{
		width: 100%;
		float: none;
		display: inline-block;
	}
	
	.logo{
		width: 100%;
		text-align: center;
	}
	
	header .main-top{
		margin-top: 15px;
	}
	
	header .main-top > .pull-right{
		width: 100%;
		margin-bottom: 10px;
	}
	
	header .search-field{
		padding-left: 0px;
		clear: none;
		margin: 5px 15px 0 0;
		width: calc(100% - 15px - 114px);
	}
	
	header .top-menu .parent{
		width: 100% !important;
	}
}

@media only screen and (max-width: 450px){
	header .mcafee, header .informs > .pull-right > .pull-right{
		display: none;
	}
	
	.page-content{
		padding-bottom: 0;
	}
	
	.shopping-informs .pull-left .txt{
		width: 100%;
	}
	
	.shopping-informs .warranty-seal{
		width: 100%;
		padding: 0;
		margin: 10px 0;
		text-align: center;
	}
	
	.shopping-informs .pull-left .txt{
		width: 100%;
		margin: 0px 0 10px;
	}
	
	.shopping-informs .pull-right{
		width: 100% !important;
	}
	
	.shopping-informs .pull-right .txt{
		width: 100% !important;
		margin: 10px 0 !important;
		border-right: none !important;
	}
	
	/* CHECKOUT - INICIO */
	
	.diffFooter .main-content form > div div.radio{
		float: none;
		display: inline-block;
		vertical-align: middle;
		padding-top: 0px;
	}
	
	.diffFooter .main-content form[name="formcompra"] > div > div:nth-child(2){
		float: none !important;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -3px;
		padding-bottom: 5px;
	}
	
	.diffFooter .linha1{
		width: calc(100% - 40px - 77px);
		display: inline-block;
		vertical-align: middle;
		padding-top: 0 !important;
	}
	
	footer{
		position: relative;
		margin-bottom: -4px;
	}
	
	footer .pattern-bkg.dark > .container > div > div:nth-child(1){
		width: 95px !important;
	}
	
	footer .pattern-bkg.dark > .container > div > div:nth-child(3){
		width: 25px !important;
	}
}

@media only screen and (max-width: 370px){
	
	header .search-field{
		width: 100%;
		margin: 15px 0 0 0;
	}
}

@media only screen and (max-width: 350px){
	.sidebar .side-menu .nav-list ul li{
		width: 100%;
		margin: 0;
	}
	
	.side-menu .nav-list li a{
		display: inline-block;
	}
}