body {margin: auto; /* Выравниваем по центру */
height:600px;}
html { overflow:  hidden; }/*В данном примере используется значение hidden, которое «обрезает» весь контент выходящий за рамки элемента.*/
  div { height:  2000px; }
  
#mainbox{background:url("images/back1.png")no-repeat;
      margin: auto; /* Выравниваем по центру */    
      padding: 10px;
     width:1240px;
   height:600px;
   margin: auto; /* Выравниваем по центру */
   
}

	#button:{float:left;
	margin-top:1050px;}
	
      .example-desc {
        margin:3px 0;
        padding:5px;
		background:none;
      }

      #carousel {
        width:960px;
        margin: 60px auto;
        /*border:1px solid #222;*/
        height:300px;
        position:fixed;
        clear:both;
        overflow:hidden;
        background:none;
      }
      #carousel img {
        visibility:hidden; /* hide images until carousel can handle them */
        cursor:pointer; /* otherwise it's not as obvious items can be clicked */
		background:none;
      }
	  
	  
	   #carousel img:hover {
	transition: 1s all;
	   transform:scale(1.6,1.6);}
	  
	  

      .split-left {
        width:450px;
        float:left;
		background:white;
      }
      .split-right {
        width:400px;
        float:left;
        margin-left:10px;
		background:white;
		color:black;
      }
      #callback-output {
        height:250px;
        overflow:scroll;
		background:none;
      }
      textarea#newoptions {
        width:430px;
		background:none;
      }
      .nav {
        width: 80px; 
		height:20px;
		margin: 20px auto;
		background:white;
      }
	     @media only screen
and (min-device-width : 0px)
and (max-device-width : 720px) {
	body {margin: auto; 
    height:600px;}
html { overflow:  hidden; }/*В данном примере используется значение hidden, которое «обрезает» весь контент выходящий за рамки элемента.*/
  div { height:  400px;
width:450px;  }
  
#mainbox{background:url("images/back2.png")no-repeat;
      margin-left: 5px; /* Выравниваем по центру */    
      padding: 10px;
     width:450px;
   height:600px;
   margin: auto; /* Выравниваем по центру */
}
  #carousel {
        width:375px;
         margin-left: 35px;
        /*border:1px solid #222;*/
        height:200px;
        position:fixed;
        clear:both;
        overflow:hidden;
        background:none;
      }
	   .nav {
        width: 180px; 
		height:50px;
		margin: 20px auto;
		background:white;
		margin-top: 120px;
		margin-left: 130px;
      }
	  .test{
	  width: 180px; 
	  height:50px;
	  font-size:20px;
	  z-index:999;
	  top:250px;
	  margin-left:130px;}
	  #prev{font-size:40px;}
	  #next{font-size:40px;}
}