/* Portrait and Landscape */
@media only screen
  (min-width: 900px)
  and (max-width: 1280px) {
		.center-cropped {
				max-height:150px;
				min-height:150px
		}

}

@media only screen
  and (min-width: 900px)
  and (max-width: 1200px)
 {
    .signature-pad{
    	width:870px;
    	height:290px;

    }

}
@media only screen
  and (min-width: 600px)
  and (max-width: 900px)
 {
    .signature-pad{
    	width:570px;
    	height:190px;

    }

}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
    .signature-pad{
    	width:780px;
    	height:260px;

    }

}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
    .signature-pad{
    	width:780px;
    	height:260px;

    }

}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
    .signature-pad{
    	width:780px;
    	height:260px;

    }

}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {

    .signature-pad{
    	width:780px;
    	height:260px;

    }

}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
    .signature-pad{
    	width:780px;
    	height:260px;

    }

}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
    .signature-pad{
    	width:780px;
    	height:260px;

    }

}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .signature-pad{
    	width:780px;
    	height:260px;

    }

}

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {

    .signature-pad{
    	width:780px;
    	height:260px;

    }
}

/* Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
    .signature-pad{
    	width:780px;
    	height:260px;

    }

}
/* ----------- Galaxy Tab 10.1 ----------- */
/* Portrait */
@media
  (max-device-width: 800px)
  and (orientation: portrait) {
		.center-cropped {
				max-height:150px;
				min-height:150px
		}
    .signature-pad{
    	width:780px;
    	height:260px;

    }

}

/* Landscape */
@media
  (max-device-width: 1280px)
  and (orientation: landscape) {
		.center-cropped {
				max-height:150px;
				min-height:150px
		}

}
.mdl-image{
	vertical-align:middle;
		text-align:center;
}
/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .signature-pad{
    	width:300px;
    	height:100px;

    }
    .tview td:nth-child(1) {
    	width:100px;
     /* your stuff here */
    }
    .tview td:nth-child(2) {
     width:220px;
     text-align:left;
    /* your stuff here */
    }
    .main-heading {
        font-size: 13px !important;
    }
    .mdl-layout__header-row {
        height: 56px;
        padding: 0 0px 0 50px;
    }
  }

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .signature-pad{
    	width:300px;
    	height:100px;

    }

}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .signature-pad{
    	width:300px;
    	height:100px;

    }

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .signature-pad{
    	width:300px;
    	height:100px;

    }

}

/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .signature-pad{
    	width:300px;
    	height:100px;

    }

}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .signature-pad{
    	width:300px;
    	height:100px;

    }

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .signature-pad{
    	width:360px;
    	height:120px;

    }

}

/* Portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .signature-pad{
    	width:360px;
    	height:120px;

    }

}

/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .signature-pad{
    	width:360px;
    	height:120px;

    }

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3) {
    .signature-pad{
    	width:390px;
    	height:130px;

    }

}

/* Portrait */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
    .signature-pad{
    	width:390px;
    	height:130px;

    }

}

/* Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
    .signature-pad{
    	width:390px;
    	height:130px;

    }

}
/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */
@media screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 2)
  and (orientation: portrait) {

}

/* Landscape */
@media screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- Galaxy S4 ----------- */

/* Portrait and Landscape */
@media screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: portrait) {

}

/* Landscape */
@media screen
  and (device-width: 320px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: landscape) {

}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3) {

}

/* Portrait */
@media screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: portrait) {

}

/* Landscape */
@media screen
  and (device-width: 360px)
  and (device-height: 640px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: landscape) {

}

/* ----------- Non-Retina Screens ----------- */
@media (max-width: 600px)
   {
    /*desktop */
    .tview td:nth-child(1) {
      max-width:120px;
      width:240px;
     /* your stuff here */
    }
    .tview td:nth-child(2) {
     max-width:240px;
     width:240px;
     text-align:left;
    /* your stuff here */
    }

    .main-heading {
    	font-size: 16px;
    }
    .Owner {
      font-size: 16px;

    }
}
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 1) {

}

/* ----------- Retina Screens ----------- */
@media screen
  and (min-device-width: 1200px)
  and (max-device-width: 1600px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) {
}