.homepage {
    padding:8em 6em;
}
.metrodiv-body{
}
.metrocard-one{ background:#ffd05c}
.metrocard-two{ background:#ff7058}
.metrocard-three{background:#85daff}
.metrocard-four{background:#55c0ec}
.metrocard-five{background:#71b9eb}
.metrocard-six{background:#85daff}
.metrocard-one{
    float: left;
    width: 325px;
    height: 420px;
    margin: 10px;
    border-radius: 5px;
}
.metrocard-two,.metrocard-three,.metrocard-four {
   float: left;
    width:374px;
    margin: 10px;
    height: 200px;
    border-radius: 5px;
}
.metrocard-five,.metrocard-six{
        width: 374px;
    float: left;
    margin: 10px;
    height: 200px;
    border-radius:5px;
}
.metrodiv-icon {
    text-align: center;
    vertical-align: middle;
    padding: 30px;
}
.metrodiv-text {
    text-align: center;
    color: #fff;
    font-weight: 600;
}
.metrodiv-icon>img{
        margin: 10px 0px;
}
.metrocard-one>.metrodiv-icon {
    margin-top: 115px;
}
@media (min-width: 768px) and (max-width: 1024px) {
    .pcoded .pcoded-header[header-theme="themelight5"]{padding:0px 0px;}
   .metrocard-one {
    width: 212px;
    height:192px;
    margin: 10px;
}
.metrocard-two,.metrocard-three,.metrocard-four {width:218px;}
.metrocard-two,.metrocard-three,.metrocard-four {    margin: 6px;
    height: 200px;
 

}.metrocard-one>.metrodiv-icon {
    margin-top: 3px;
}
.metrocard-five,.metrocard-six{
  
    width:218px;
    float: left;
    margin: 6px;
    height: 200px;
}.homepage {
    padding: 117px 10px;
   /*    background: green*/
}
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
/*.homepage{
    background: red
}*/
.metrocard-one>.metrodiv-icon {
    margin-top: 115px;
}
 .pcoded .pcoded-header[header-theme="themelight5"]{padding:0px 0px;}
   
    .metrocard-one{
    width: 285px;
    height: 414px;
    margin: 6px 10px 10px 0px;
  

}
.metrocard-two,.metrocard-three,.metrocard-four {width:206px;
    margin: 6px;
    height: 200px;
 

}
.metrocard-five,.metrocard-six{
  
    width:315px;
    float: left;
    margin: 6px;
    height: 200px;
}
}
.grid {    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: .5rem;
    padding: 0rem;
    grid-auto-rows: minmax(100px, auto);
    min-height: calc(100vh - 13rem); margin-top: 14px;
}

.blocks:first-child{
  grid-column: 1/3;
  grid-row: 1/3;
}
.blocks:last-child{
  grid-column: 4/6;}
.blocks:last-child{
  grid-column: 4/6;
  grid-row: 1/2;
}
.blocks {
    background: red;
}
@media (min-width: 320px) and (max-width: 767px) {
.metrocard-five,.metrocard-six,.metrocard-two,.metrocard-three,.metrocard-four,.metrocard-one{
     width: 155px;
    height: 134px;
    margin: 6px;
}
.metrodiv-icon>img {
    margin: 4px 0px;
    width: 90px;
}
.metrodiv-icon{
    padding: 0px;
}
.homepage {
    padding: 1em 0em;
}

.metrocard-one>.metrodiv-icon {
    margin-top: 0px;
    padding: 0;
}
.main-body .page-wrapper {
    padding: 5.1rem 0rem 2.1rem 0rem;
}
}