ul li img {
		  padding: 0 0 0 0;
          margin:0 0 0 0;
          cursor: pointer;
		  list-style:none;
          margin-bottom:25px;
	      }
	  .modal-body {
          padding:5px !important;
      }
      .modal-content {
          border-radius: 3px;
      }
      .modal-dialog img {
		  text-align:center;
          margin:0 auto;
      }
    .controls{          
        width:80px;
        display:block;
        font-size:16px;
        padding-top:6px;
        font-weight:bold;          
    }
    .next {
        float:right;
        text-align:right;
    }
	  .draw_descript {
        float:left;
        text-align:left;
		border: 1px solid rgba(100,100,100,1.0);
		border-radius: 5px;
		width: 100%;
		padding: 3px;
		
    }
	
	@media screen and (max-width:600px){
		.modal-dialog{
		width:570px;
		min-width: 300px;
		max-width: 600px;
		padding-top: 20px;
        }          
       .draw-descript{
	    padding: 3px 3px 3px 15px;
	   }
	  }
	  

	@media screen and (max-width:767px){
		.modal-dialog{
		width:600px;
		min-width: 500px;
		max-width: 600px;
		padding-top: 30px;
        } 
      }    
	
@media screen and (min-width: 768px){
	.modal-dialog {
		width: 600px;
		min-width: 600px;
		max-width: 600px;
		padding-top: 30px;
        }   
	}
@media screen and (min-width: 1024px){
	.modal-dialog {
		width: 900px;		
		min-width: 600px;
		max-width: 900px;
		padding-top: 30px;
        }          
      }
@media screen and (min-width: 1280px){
	.modal-dialog {
		width: 1100px;
		min-width: 600px;
		max-width: 1100px;
		padding-top: 30px;
        }          
      }
@media screen and (max-width:1500px){
		.modal-dialog{
		width:1100px;
		min-width: 600px;
		max-width: 1100px;
		padding-top: 30px;
        }          
      }