.cruise-checkin {
    margin-bottom: 20px;
}



    .cruise-checkin .checkin {
        float: left;
        width: 25%;
        padding: 8px;
    }

        .cruise-checkin .checkin .checkin-logo {
            border: 1px #cacaca solid;
            text-align: center;
            height: 100px;
        }

            .cruise-checkin .checkin .checkin-logo img {
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }

        .cruise-checkin .checkin .checkin-desc {
            display: none;
        }




@media screen and (max-width:800px) {
}








@media screen and (max-width:650px) {

    .cruise-checkin .checkin {
        width: 33.33%;
    }
}








@media screen and (max-width:500px) {


    .cruise-checkin .checkin {
        width: 50%;
    }
}





@media screen and (max-width:400px) {


    .cruise-checkin .checkin {
        width: 100%;
    }
}


















.air-checkin a,
.air-checkin a:hover
  { text-decoration:none;  }


.air-checkin .checkin-outer {  float:left; width: 25%; padding: 10px; box-sizing:border-box; }
.air-checkin .checkin-outer .checkin { width: 100%; }

.air-checkin .checkin-outer .checkin { border: 1px #cacaca solid; padding: 20px 10px; text-align:center; }
.air-checkin .checkin-outer .checkin:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.46); }

@media only screen and (max-width: 650px) 
{
.air-checkin .checkin-outer {  width: 33%; }
}




@media only screen and (max-width: 500px) 
{
.air-checkin .checkin-outer {  width: 50%; }
}




@media only screen and (max-width: 350px) 
{
.air-checkin .checkin-outer {  width: 100%; clear:both; float:none; }
}