@media all and (max-width: 1024px) {
  #main {width:100%};
}

@media only screen and (min-width: 240px) and (max-width: 320px) {
#info, .each2, #left{
  float:none;
  width:100%;
  }
  
.list_left{
  display:none;
 }
  
#main_menu li, #top h1{
  width:100%;
  float:none;
  }
  
.link{
  width:90%
  }
  
.rsp {
    width: 100%;
    height: auto;
}

.kudo{
    width: 100%;
    height: auto;
}

.each{
    width: 100%;
    height: auto;
}

.phantrang{
    width: 100%;
    height: auto;
}

.lqv img{
    width: 100%;
    height: auto;
}

.clickbank img{
    width: 100%;
    height: auto;
}

.login2{
    width: 30%;
    height: auto;
}

.user_account{
    width: 100%;
    height: auto;
}

#top, #menu, #view_like, #bottom, #detail{
    width: 100%;
    height: auto;
}

}

@media only screen and (min-width: 320px) and (max-width: 374px) {
#info, .each2, #left{
  float:none;
  width:100%;
  }
  
.list_left{
  display:none;
  }
  
#main_menu li, #top h1{
   width:100%;
  float:none;
  }
  
  .link{
  width:90%
  }

.rsp{
    width: 100%;
    height: auto;
}

.kudo{
    width: 100%;
    height: auto;
}

.each{
    width: 100%;
    height: auto;
}

.phantrang{
    width: 100%;
    height: auto;
}

.lqv img{
    width: 100%;
    height: auto;
}

.clickbank img{
    width: 100%;
    height: auto;
}

.login2{
    width: 100%;
    height: auto;
}

.user_account{
    width: 100%;
    height: auto;
}

#top, #menu, #view_like, #bottom, #detail{
    width: 100%;
    height: auto;
}

}

@media only screen and (min-width: 374px) and (max-width: 424px) {
#info, .each2, #left{
  float:none;
  width:100%;
  }
  
.list_left{
  display:none;
  }
  
#main_menu li, #top h1{
   width:100%;
  float:none;
  }
  
    .link{
  width:90%
  }

.rsp {
    width: 100%;
    height: auto;
}

.kudo{
    width: 100%;
    height: auto;
}

.each{
    width: 100%;
    height: auto;
}

.phantrang{
    width: 100%;
    height: auto;
}

.lqv img{
    width: 100%;
    height: auto;
}

.clickbank img{
    width: 100%;
    height: auto;
}

.login2{
    width: 100%;
    height: auto;
}

.user_account{
    width: 100%;
    height: auto;
}

#top, #menu, #view_like, #bottom, #detail{
    width: 100%;
    height: auto;
}

}

@media only screen and (min-width: 425px) and (max-width: 767px) {
	#info, .each2, #left{
  float:none;
  width:100%;
  }
  
  .list_left{
  display:none;
  }
  
#main_menu li, #top h1{
   width:100%;
  float:none;
  }
  
    .link{
  width:90%
  }

.rsp {
    width: 100%;
    height: auto;
}

.kudo{
    width: 100%;
    height: auto;
}

.each{
    width: 100%;
    height: auto;
}

.phantrang{
    width: 100%;
    height: auto;
}

.lqv img{
    width: 100%;
    height: auto;
}

.clickbank img{
    width: 100%;
    height: auto;
}

.login2{
    width: 100%;
    height: auto;
}

.user_account{
    width: 100%;
    height: auto;
}

#top, #menu, #view_like, #bottom, #detail{
    width: 100%;
    height: auto;
}

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.rsp {
    width: 100%;
    height: auto;
}

.lqv img{
    width: 100%;
    height: auto;
}

.clickbank img{
    width: 100%;
    height: auto;
}

}

@media only screen and (min-width: 1024px) and (max-width: 1439px) {
	.rsp {
    width: 100%;
    height: auto;
}

.lqv img{
    width: 100%;
    height: auto;
}

.clickbank img{
    width: 100%;
    height: auto;
}

}

@media only screen and (min-width: 1440px) and (max-width: 1920px) {
	.rsp {
    width: 100%;
    height: auto;
}

.lqv img{
    width: 100%;
    height: auto;
}

.clickbank img{
    width: 100%;
    height: auto;
}

}