@media (max-width: 420px) and (orientation: portrait), (max-device-width: 640px) and (orientation: landscape) {

    .item-wrapper {
        height: auto;
        margin-bottom: 10px;
    }

    /*.gi-item img{
			width: 90%;
		}*/

    .gi-list > .item-wrapper > .gi-item > .wrapper > .title {
        /*text-align: center;
			padding: 3px;*/
        text-align: left;
        padding: 9px;
    }

    #right-col-below-photo {
        margin: 10px;
        width: 95%;
    }

    #top-of-col-photo {
        height: auto;
        width: 100%;
    }

    .gi-item img {
        width: 55%;
        float: right;
    }

    .title {
        margin-top: -11px;
    }
}

@media (min-width: 568px) and (max-width: 667px) and (orientation: landscape) {

    .description {
        width: 50%;
    }

    .title {
        width: 50%;
    }

    .gi-item {
        background-color: #555555;
        padding-bottom: 46px;
    }

    .gi-item img {
        width: 43%;
    }

    .gi-item {
        height: 151px;
    }

    /*
    .wrapper {
        padding-top: 26px;
    }
    .description p {
        width: 39%;
    }

    .gi-list > .item-wrapper > .gi-item > .wrapper > .title {
        padding: 9px;
        text-align: left;
        width: 47%;
    }

    .gi-item img {
        width: 41%;
    }*/
}

@media (min-width: 736px) and (max-width: 736px) and (orientation: landscape) {

    /*.description {
        width: 50%;
    }

    .title {
        width: 50%;
    }*/

    .gi-item {
        background-color: #555555;
        padding-bottom: 46px;
    }

    .gi-item img {
        width: 33%;
        float: right;
    }

    .gi-item {
        height: 151px;
    }

 
}