@charset "utf-8";
/* CSS Document */


@media only screen and (min-width : 1800px) and (max-width : 2299px){
.ul-slide li img {width: 60px;}
}
@media only screen and (min-width : 1500px) and (max-width : 1799px){
.ul-slide li img {width: 50px;}
}
@media only screen and (max-width : 1499px){
.ul-slide li img {width: 40px;}
}




/* all  ----------- */
@media only screen and (max-width: 1025px){
/*#container1 .content #detail .detail1 .head1,#container1 .content #detail .detail1 .head2{width:100%;text-align:center;}	
#header{display:none;}
html,body{height:auto;}
#container1,.container{position:relative;}*/
}

/* all (landscape) ----------- */
@media only screen and (max-width: 1024px) and (orientation: landscape){
/*
  #container1 .content #detail .detail1{margin:10% 2% 0 2%;}
  #container1 .content #detail .detail1 .text3{width:150px;}	
  .ul-slide li img{width:30px;height:30px;}
  .video-chalom{width: 50%;height: 80%;bottom: 8%;margin: auto;}
 */
}
/* all (portrait) ----------- */
@media only screen and (max-width: 1024px) and (orientation: portrait){
/*
  #container1 .content #detail .detail1{margin:10% 2% 0 2%;}
  #container1 .content #detail .detail1 .text3{width:120px;}
  #container1 .content #detail .detail1 .text2-1{width:70px;}
  #container1 .detail1{  font-size:12px;}	
  .ul-slide li img{width:30px;height:30px;}
  .video-chalom{width: 90%;height: 60%;bottom: 8%;margin: auto;}	
  */
}

/* Smartphones (portrait) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) and (orientation: portrait){
	/*
  #container1 #logo{width:80%}
  #container1 #menu1{width:14%;left:25%;}
  #container1 #img-text{width:18%;left:29%;margin-top:-6%;}
  #container1 #menu2{width:14%;left:30%;}	
  	
  #container2 #box1,#container2 #box2,#container2 #box3{margin-top:10%}
  #container2 #box1{margin-left:8%;}
  */
}
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-width : 1024px) and (orientation: landscape){
/*
  #container1 #logo{width:45%}
  #container1 #menu1{width:9%;left:32%;}
  #container1 #img-text{width:12%;left:36.5%;margin-top:-4%;}
  #container1 #menu2{width:9%;left:39%;}  		
  #container1 .box-container1{top:18%;}
  #container1 .detail1{font-size:15px;} 
  
  #container2 .box-container2{top:20%;}
  #container2 #box1{margin-left:26%;}   
  */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/*
  #header{display:none;}
  html,body{height:auto;}
  #container1,.container{position:relative;}
  #container1 #logo{width:80%}
  #container1 #menu1{width:14%;left:25%;}
  #container1 #img-text{width:18%;left:29%;margin-top:-6%;}
  #container1 #menu2{width:14%;left:30%;}	
	
  #container2 #box1,#container2 #box2,#container2 #box3{margin-top:10%}
  #container2 #box1{margin-left:15%;}
  */
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	/*
  #header{display:none;}
  html,body{height:auto;}
  #container1,.container{position:relative;}
  #container1 #logo{width:45%}
  #container1 #menu1{width:9%;left:32%;}
  #container1 #img-text{width:12%;left:36.5%;margin-top:-4%;}
  #container1 #menu2{width:9%;left:39%;}  		
  #container1 .box-container1{top:30%;}
  #container1 .detail1{font-size:15px;} 
  
  #container2 .box-container2{top:29%;}
  #container2 #box1{margin-left:23%;}   
  */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
/* iPhone 5 (landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
/* STYLES GO HERE */
}
 
/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
/* STYLES GO HERE */
}