.boximageon {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
	height: 192px;
}
.boximageoff {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 16;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
	height: 384px;
}
#title6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
}
.fix-portfolio .isotope-item {
    height: 541px;
}
#column7 img {
    float:left;
    margin:25px 90px 28px 60px;
}
/*.navbar-brand img {
    height: 60px;
    width: 60px;
}*/
@media only screen and (max-width: 991px) {
    .border1 #html_2 {
        height: 251px;
        width: 188px;
        text-align: center;
    }
    .navbar-brand img {
        height: 60px;
        width: 60px;
    }
}
@media only screen and (max-width: 767px) {
    .isotope-item {
        margin-bottom: 20px;
    }
    .image-caption {
        /*float: left;
        position: absolute;
        display: inline-block;*/
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 640px) {
    .border1 #html_2 {
        height: 251px;
        width: 188px;
        /*margin-left: -10px;*/
        text-align: center;
    }
}
@media only screen and (max-width: 540px) {
    .border1 #html_2 {
        height: 251px;
        width: 188px;
        /*margin-left: -25px;*/
        text-align: center;
    }
}
@media only screen and (max-width: 480px) {
    .border1 #html_2 {
        height: 251px;
        width: 188px;
        /*margin-left: -35px;*/
        text-align: center;
    }
    #box1 p,
    #box2 p,
    #box3 p,
    #box4 p {
        height: 48px;
        font-size: 15px;
    }
}
@media only screen and (max-width: 459px) {
    #column7 > img {
        height: 83px;
        width: 83px;
        margin-left: 0px;
        margin-right: 20px;
    }
    #title4 img {
        height: 191px;
        width: 300px;
        margin: 0px auto;
    }
}
@media only screen and (max-width: 420px) {
    .border1 #html_2 {
        /*height: 200px;*/
        width: 150px;
        /*margin-left: -25px;*/
        text-align: center;
    }
}
@media only screen and (max-width: 394px) {
    #column5 h3 {
        width: 75px;
        margin: 0px auto;
        text-align: center;
    }
    #column5 p,
    #column6 p,
    #column8 p,
    #column9 p,
    #column10 p,
    #column11 p {
        font-size: 15px;
    }
    #column5 img {
        margin-top: 10px;
        text-align: center;
    }
    #column6 h3 {
        width: 75px;
        margin: 0px auto;
        text-align: center;
    }
    #column6 img {
        margin-top: 10px;
        text-align: center;
    }
}
@media only screen and (max-width: 378px) {
    #title12,
    #title14 {
        width: 200px;
        margin: 0px auto;
    }
}
@media only screen and (max-width: 360px) {
    .border1 #html_2 {
        /*height: 150px;*/
		height: 200px;
        width: 113px;
        /*margin-left: -15px;*/
        text-align: center;
    }
    #column11 h3 {
        height: 44px;
        width: 75px;
        margin: 0px auto;
    }
}
@media only screen and (max-width: 341px) {
    #column7 > img {
        height: 83px;
        width: 83px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
    #title4 > img {
        margin-left: -10px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1)
and (-webkit-min-device-pixel-ratio: 1.5)
and (-webkit-min-device-pixel-ratio: 2)
and (-webkit-min-device-pixel-ratio: 3)
and (-webkit-min-device-pixel-ratio: 4) {
    .border1 #html_2 {
        height: 251px;
        width: 188px;
        text-align: center;
    }
}