/* Icon Pods */

.icon-pod{
    margin-bottom: 50px;
}
.icon-pod .image-wrapper{
    margin: 0 0 25px;
    min-height: 200px;
    display: flex;
    align-items: center;
    position: relative;
}
.icon-pod .pod-icon{
    max-width: 100%;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-height: 250px;
}
.icon-pod .icon-image{
	left: 0;
    right: 0;
    margin: 0 auto;
	z-index: 1;
    max-width: 100%;
	max-height: 68%;
    position: absolute;
}
.icon-pod h4{
    margin-bottom: 15px;
}

@media screen and (max-width: 1600px){
    .icon-pod .image-wrapper{
        min-height: 120px;
    }
    .icon-pod .pod-icon{
        max-height: 220px;
    }
}

@media screen and (max-width: 1480px){
    .icon-pod .pod-icon{
        max-height: 200px;
    }
}

@media screen and (max-width: 1349px){
    .icon-pod .pod-icon{
        max-height: 180px;
    }
}

@media screen and (max-width: 1199px){
    .icon-pod .pod-icon{
        max-height: 150px;
    }
}

@media screen and (max-width: 1024px){
    .icon-pod .pod-icon{
        max-height: 140px;
    }
}

@media screen and (max-width: 781px){
    .icon-pod .image-wrapper{
        width: 100px;
        margin-right: 12px;
        margin-bottom: 0;
        float: left;
        min-height: 50px;
    }
    .icon-pod .icon-image{
        max-height: calc(100% - 20px);
        max-width: 50px;
		max-width: calc(100% - 10px);
        width: 70px;
    }
    .icon-pod .content-wrapper{
        width: calc(100% - 112px);
        text-align: left;
        float: left;
    }
    .icon-pod .pod-icon {
        width: 100%;
    }
    .icon-pod h4{
        margin-bottom: 5px;
    }
    .icon-pod{
        margin-bottom: 20px;
        float: left;
        width: 100%;
    }
    .icon-pod p:last-child{
        margin-bottom: 0;
    }
}