/*General*/
.text-white {
    color: #ffffff;
}

.margin-bottom-30 {
    margin-bottom: 15px! important;
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: 0px;
}

ul.b {
    list-style-type: square;
}

/*menu dropdwon*/
.header-dropdown-skin-dark .header-main-section .dropdown-menu {
    background: #202020! important;
}

/*top bar*/
.top-bar-item {
    color: #ffffff;
}

/*mobile header*/
.header-mobile-main-section.navbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/*header height*/
.header-section .header-main-section {
    height: 120px;
}

/*logo padding*/
.header-section .header-main-section .navbar-header .navbar-brand {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*menu right bar*/
@media only screen and (min-width: 768px) {
    .navbar-right {
        padding-top: 10px;
    }
}

/*album title class*/
.album-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
    color: #333;
}

/*album name style*/
.album-name {
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    font-size: 18px; 
    line-height: 22px;
    color: #333; 
}

/*album title date style*/
.album-date {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 28px;
    color: #333;
    text-align: center;
}

/*album image */
@media only screen and (min-width: 768px) {
img.aligncenter {
    max-width: 100%;
}
}

/*contact page detail title*/
.zozo-feature-box.style-default-box .grid-item .grid-icon-shape .grid-title {
    margin: 0 0 5px 0;
}

/*our goal tab font size*/
.vc_tta.vc_general .vc_tta-panel-title {
    font-size: 18px;
}

/*gallery zoom white background*/
.spider_popup_wrap {
    background-color: rgba(228, 228, 228, 0.50)! important;
}

/*bod top 4 background color*/
.bod-height {
    background-color: #ffffff;
}

.bod-height:hover {
    background-color: #ededed;
}

/*bod top 4 height*/
@media only screen and (min-width: 1173px) {
    .bod-height {
        height: 355px;
    }
}

@media only screen and (min-width: 1129px) and (max-width: 1172px) {
    .bod-height {
        height: 370px;
    }
}

@media only screen and (min-width: 1089px) and (max-width: 1128px) {
    .bod-height {
        height: 360px;
    }
}

@media only screen and (min-width: 1050px) and (max-width: 1088px) {
    .bod-height {
        height: 350px;
    }
}

@media only screen and (min-width: 988px) and (max-width: 1049px) {
    .bod-height {
        height: 340px;
    }
}

@media only screen and (min-width: 814px) and (max-width: 987px) {
    .bod-height {
        height: 345px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 813px) {
    .bod-height {
        height: 325px;
    }
}

/*bod director background color*/
.bod2-height {
    background-color: #ffffff;
}

.bod2-height:hover {
    background-color: #ededed;
}

/*bod director height*/
@media only screen and (min-width: 1401px) {
    .bod2-height {
        height: 375px;
    }
}

@media only screen and (min-width: 1334px) and (max-width: 1400px) {
    .bod2-height {
        height: 348px;
    }
}

@media only screen and (min-width: 1285px) and (max-width: 1333px) {
    .bod2-height {
        height: 368px;
    }
}

@media only screen and (min-width: 1226px) and (max-width: 1284px) {
    .bod2-height {
        height: 358px;
    }
}

@media only screen and (min-width: 1180px) and (max-width: 1225px) {
    .bod2-height {
        height: 345px;
    }
}

@media only screen and (min-width: 1135px) and (max-width: 1179px) {
    .bod2-height {
        height: 335px;
    }
}

@media only screen and (min-width: 1088px) and (max-width: 1134px) {
    .bod2-height {
        height: 325px;
    }
}

@media only screen and (min-width: 1041px) and (max-width: 1087px) {
    .bod2-height {
        height: 315px;
    }
}

@media only screen and (min-width: 969px) and (max-width: 1040px) {
    .bod2-height {
        height: 305px;
    }
}

@media only screen and (min-width: 899px) and (max-width: 968px) {
    .bod2-height {
        height: 313px;
    }
}

@media only screen and (min-width: 832px) and (max-width: 898px) {
    .bod2-height {
        height: 298px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 831px) {
    .bod2-height {
        height: 308px;
    }
}