.lookabout >ul {
    margin: 0!important; /* protect from overconfident themes */
    padding: 0!important; /* protect from overconfident themes */
    text-align: center;
    vertical-align: top;
}
.lookabout >ul >li {
    width: 192px; /* responsive */
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
    cursor: pointer;
}
.lookabout .look-portrait {
    width: 192px; /* responsive */
    height: 240px; /* responsive */
    overflow: hidden;
}

.lookabout .look-portrait img {
    width: 192px; /* responsive */
    height: 3120px; /* 240 x 13 responsive */
    padding: 0!important; /* protect from overconfident themes */
    border-width: 0!important; /* protect from overconfident themes */
}
.lookabout .look-triangle {
    text-align: center;
    position: absolute;
    width: 192px; /* responsive */
	height: 0;
}
.lookabout .look-triangle div {
	display: inline-block;
	width: 0; 
	height: 0;
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 0px solid #fff;
    -webkit-transition: border-left .3s, border-right .3s, border-bottom .3s;
            transition: border-left .3s, border-right .3s, border-bottom .3s;
}
.lookabout .active .look-triangle div {
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ccc;
}
.lookabout .look-profile {
    position: relative;
    max-height: 0;
    box-sizing: border-box;
    overflow: hidden;
    margin-top: 20px;
    background-color: #ccc;
    text-align: center;
    -webkit-transition: max-height 0s;
            transition: max-height 0s;
}
.lookabout .active .look-profile {
    max-height: 500px;
    -webkit-transition: max-height 1s .3s;
            transition: max-height 1s .3s;
}
.lookabout .look-profile h4,
.lookabout .look-profile h5,
.lookabout .look-profile p {
    padding: 0 1em;
}
.lookabout .look-profile h4 {
	margin: .5em 0 0 0;
}


.lookabout .look-3  { margin-top:     0px; } /*  3pm */
.lookabout .look-4  { margin-top:  -240px; } /*  4pm */
.lookabout .look-5  { margin-top:  -480px; } /*  5pm */
.lookabout .look-6  { margin-top:  -720px; } /*  6pm */
.lookabout .look-7  { margin-top:  -960px; } /*  7pm */
.lookabout .look-8  { margin-top: -1200px; } /*  8pm */
.lookabout .look-9  { margin-top: -1440px; } /*  9pm */
.lookabout .look-10 { margin-top: -1680px; } /* 10pm */
.lookabout .look-11 { margin-top: -1920px; } /* 11pm */
.lookabout .look-12 { margin-top: -2160px; } /* 12pm */
.lookabout .look-1  { margin-top: -2400px; } /*  1pm */
.lookabout .look-2  { margin-top: -2640px; } /*  2pm */
.lookabout .look-at-me { margin-top: -2880px; } /* 240 x 12, face the front */


@media only screen and (max-width: 479px) {
	.lookabout >ul >li {
	    width: 300px;
	}
	.lookabout .look-portrait {
	    width: 300px;
	    height: 375px;
	}
	.lookabout .look-portrait img {
	    width: 300px;
	    height: 4875px; /* 375 x 13 */
	}
	.lookabout .look-triangle {
	    width: 300px;
	}
	.lookabout .look-4  { margin-top:  -375px; } /*  4pm */
	.lookabout .look-5  { margin-top:  -750px; } /*  5pm */
	.lookabout .look-6  { margin-top: -1125px; } /*  6pm */
	.lookabout .look-7  { margin-top: -1500px; } /*  7pm */
	.lookabout .look-8  { margin-top: -1875px; } /*  8pm */
	.lookabout .look-9  { margin-top: -2250px; } /*  9pm */
	.lookabout .look-10 { margin-top: -2625px; } /* 10pm */
	.lookabout .look-11 { margin-top: -3000px; } /* 11pm */
	.lookabout .look-12 { margin-top: -3375px; } /* 12pm */
	.lookabout .look-1  { margin-top: -3750px; } /*  1pm */
	.lookabout .look-2  { margin-top: -4125px; } /*  2pm */
	.lookabout .look-at-me { margin-top: -4500px; } /* 300 x 12, face the front */
}