/*Estilo para notebook*/
@media only screen and (min-width: 1025px) and (max-width: 1366px) {
  
  .bloco1 {
    width: 1266px;
  }
  .look-1 {
    width: 605px;
  }
  .look-2 {
    width: 657px;
  }
  .dicas-post {
    width: 1280px;
  }
  
}

/*Estilo para tablets-pro*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  
  .introducao {
    height: 760px;
    padding-top: 162px;
    margin-bottom: 60px;
  }
  .bloco1 {
    width: 1024px;
  }
  .look-1 {
    width: 605px;
    float: none;
    margin: 0 auto;
  }
  .look-2 {
    width: 657px;
    float: none;
    margin: 0 auto;
  }
  .bglook {
    width: 1024px;
  }
  .d1 {
    width: 389px;
    left: 30px;
  }
  .d2 {
    width: 249px;
    top: 80px;
    left: 570px;
  }
  .d3 {
    width:321px;
    top: 450px;
    left: 660px;
  }
  .d4 {
    width: 427px;
    top: 520px;
    left: 200px;
  }
  .look-3 {
    float: none;
    margin: 0 auto;
  }
  .look-4 {
    float: none;
    margin: 0 auto;
  }
  .dicas-post {
    width: 1024px;
  }
}

/*Estilo para tablets*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	
  
  .introducao {
    height: 583px;
    padding-top: 102px;
    margin-bottom: 60px;
  }
  .introducao h1 {
    font-size: 32px;
  }
  .introducao img {
    width: 200px;
  }
  .bloco1 {
    width: 768px;
  }
  .look-1 {
    width: 600px;
    float: none;
    margin: 0 auto;
  }
  .look-2 {
    width: 600px;
    float: none;
    margin: 0 auto;
  }
  .bglook {
    width: 768px;
    height: 443px;
    background: url('../img/manual-look-tablet.png') no-repeat center;
  }
  .d1 {
    width: 389px;
    left: 30px;
  }
  .d2 {
    width: 249px;
    top: 100px;
    left: 270px;
  }
  .d3 {
    width:321px;
    top: 330px;
    left: 380px;
  }
  .d4 {
    width: 327px;
    top: 290px;
    left: 50px;
  }
  .look-3 {
    float: none;
    margin: 0 auto;
  }
  .look-4 {
    float: none;
    margin: 0 auto;
  }
  
}

/*Estilo para smartphone*/
@media only screen and (max-width: 767px) {
  
  .introducao {
    height: 310px;
    margin-bottom: 60px;
    padding: 60px 20px;
  }
  .introducao p {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0;
  }
  .headermenu {
    position: relative;
    box-shadow: none;
  }
  #btnlogin {
    display: none;
  }
  .titulo1 {
    font-size: 32px;
    text-align: center;
  }
  .introducao h1 {
    font-size: 22px;
  }
  .introducao img {
    width: 100px;
  }
  .bloco1 ,.bloco2 {
    width: 100%;
  }
  .look-1, .look-2, .look-3, .look-4, .look-5, .look-6 {
    width: 300px;
    float: none;
    margin: 0 auto;
  }
  .spacelink {
    clear: both;
    height: auto;
  }
  .look-1 a {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .look-2 img {
    width: 300px;
  }
  .bglook {
    width: 100%;
    height: 173px;
    background: url('../img/manual-look-cel.JPG') no-repeat center;
  }
  .d1, .d2, .d3, .d4 {
    padding: 5px;
  }
  .fontmob {
    font-size: 10px;
    line-height: 10px;
  }
  .d1 {
    width: 300px;
    left: 30px;
    top: -30px;
  }
  .d2 {
    width: 150px;
    top: 50px;
    left: 84px;
  }
  .d3 {
    width:180px;
    top: 120px;
    left: 170px;
  }
  .d4 {
    width: 180px;
    top: 170px;
    left: 60px;
  }
  .casal {
    width: 300px;
  }
  .comodoshome a {
    text-decoration: underline;
  }
  .look-4 li {
    margin-bottom: 15px;
  }
  
  .look-5 ul {
    text-align: center;
  }
  
  p {
	font-size: 14px;
  }
  body {
    width: 100%;
  }
  
  .container {
    width: 100%;
  }
  .header {
    padding-left: 10px;
  }
  .container-menu {
    width: 100%;
  }
  .menu {
    padding-left: 0;
	padding-bottom: 15px;
  }
  .menu li {
    /*padding: 15px 15px 0px 15px;*/
	text-decoration: underline;
  }
  .logo_mad {
	  display: none;
  }
  .postblog {
    height: 161px;
    padding-top: 20px;
  }
  .postblog h2 {
    font-size: 30px;
  }
  .respost  {
    padding: 30px 15px;
  }
  .respost p {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 30px;
  }
  .respost a {
    font-size: 16px;
    padding: 8px 20px;
  }
  .dicas-post {
    width: 300px;
  }
  .grid-post {
    width: 300px;
    float: none;
    margin-bottom: 30px;
  }
  .grid-post img {
    width: 300px;
  }
  .grid-post p {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 40px;
    padding-right: 0;
  }
  .grid-post h2 {
    font-size: 22px;
    padding-right: 0;
    line-height: 24px;
  }
  .intro-dicas {
    height: 370px;
    background: #5a5959;
    background-size: cover;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 30px;
}	
.text-intro {
    width: 330px;
    margin: 0 auto;
}
.intro-dicas h1 {
    font-size: 37px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 4px;
}
.intro-dicas p {
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 18px;
}

}