.col-1, .col-xs-1 {width: 1%;}
.col-10, .col-xs-10 {width: 98%;}

.ztf-logo {width: 30%;}
.zendata-logo { width: 30%;}
.block-zendata {height:230px; padding: 30px 14px;}
.block-details {padding: 30px 60px;}
.block-details li {width: 50%; font-size :13px}
.block-details-line li {width: 100%;}

.zendata-download {width: 68%;}
.ztf-download {width: 58%;}
.ztf-download-trait {margin: 35px 0 6px 0;}
.ztf-download-trait div {width: 47%;}
.qr-code {padding: 20px 0 20px 32px;}

@media screen and (max-height: 768px)
{
  .qr-code {padding: 20px 0px 20px 43px;}
  .block-details li {width: 50%;}
  .block-details-line li {width: 100%;}
  .ztf-download-trait div {width: 47%;}
  .block-details {padding: 30px 60px;}
  .block-zendata {padding: 30px 25px;}
}

@media screen and (max-height: 720px)
{
  .zendata-download {width: 68%;}
  .ztf-download-trait {margin: 35px 0px 6px 0px;}
  .block-zendata {padding: 30px 14px;}
  .ztf-download {width: 58%;}
  .qr-code {padding: 20px 0px 20px 32px;}
}