/* my own custom css*/

/* landing page */
.navbar-logo {
display: inline;
float: left;
position: absolute;
z-index: 999;
top: 10%;
left: 5%;
width:40vw;
height:auto;
}

.navbar-logo > img {
    width:100%;
}

.img-responsive {
    height: auto;
    width: auto;
    min-width: 100%;
    min-height: 100%;
}

.portfolio-thumnail{
    overflow-y: hidden;
    vertical-align: middle;
}
.max-30height {
    max-height: 300px;
}
.content-height{
    height:auto;
    position: relative;
}
.img-height {
    height:auto;
    max-height: 200px !important;
    position: absolute;
}
.portfolio-sec p{
    color: #777;
}
.line-break {
    width:100%;
    height:1px;
    float: left;
    display: inline;
    background-color: #eee;
    margin:20px 0 20px 0;
}

.calender {
    width:100%;
    height:auto;
    min-height:650px;
}
.tableHeight{
    float:left;
    display:table;
}
.matchHeight{
    display:table-cell;
}
/* ********************* icons *********************  */
.small-icon i {
  color: #fff;
  width: 40px;
  height: 40px;
  font-size: 34px;
  text-align: center;
  background-color: #F37626;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
}
.icon-pc {
    background-image: url("../img/icon/icon-01.svg");
    background-position: center center;
    fill:#F37626;
}
.icon-video {
    background-image: url("../img/icon/icon-02.svg");
    background-position: center center;
    fill:#F37626;
}
.icon-code {
    background-image: url("../img/icon/icon-03.svg");
    background-position: center center;
    fill:#F37626;
}
.icon-gd {
    background-image: url("../img/icon/icon-04.svg");
    background-position: center center;
    fill:#F37626;
}
.icon-3d {
    background-image: url("../img/icon/icon-05.svg");
    background-position: center center;
    fill:#F37626;
}


@media (min-width: 983px) {
    .button-position {
        margin-top:-200px;
        display:inline;
    }
}
@media (max-width: 768px) {
    .navbar-logo{
        width: 60vw;
    }
}

@media (max-width: 433px) {
    .navbar-logo{
        width: 90vw;
    }
}