/*-----------------------------------------------------------------------------------*/
/*	PICTURE MODAL
/*-----------------------------------------------------------------------------------*/
.colwidthholder {text-align:center;padding-bottom:30px;}
.colwidth {width:auto;display:inline-block;margin:10px;}
.colwidth img {width:250px;height:auto;}
      ul.pics {         
          padding:0px;
          margin:20px 0px 0px 0px;
      }
      ul.pics li {     
          list-style:none;
          padding: 5px 5px;
		  margin: 0px;         
      }
		.picthumbsizer {
			width:250px;
			height:180px;
			background-position:center center;
			background-size:350px;
			border:2px solid #e1c712;
			-webkit-box-shadow: 4px 4px 5px 0px rgba(138,138,138,1);
			-moz-box-shadow: 4px 4px 5px 0px rgba(138,138,138,1);
			box-shadow: 4px 4px 5px 0px rgba(138,138,138,1);
		}
      ul.pics li img {
          cursor: pointer;
      }
      .modal-body {
          padding:5px !important;
      }
      .modal-content {
          border-radius:0;
      }
      .modal-dialog img {
          text-align:center;
          margin:0 auto;
      }
    .controls{          
        width:50px;
        display:block;
        font-size:11px;
        padding-top:8px;
        font-weight:bold;          
    }
    .next {
        float:right;
        text-align:right;
    }
      /*override modal for demo only*/
      .modal-dialog {
          width:720px;
		  height: 520px;
		  z-index:999;
      }
@media(max-width:480px) {
	.modal-dialog {
          width:95%;
		  height: auto;
			
      }
}