/**** HERO IMAGES****/

.mtron-space-hero {
    background: url('../image/themes/mtron/home/Mtron-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

.mtron-6989-space-hero {
    background: url('../image/themes/mtron/sets/6989/Mtron-6989-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

.mtron-6862-space-hero {
    background: url('../image/themes/mtron/sets/6862/Mtron-6862-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

.mtron-6956-space-hero {
    background: url('../image/themes/mtron/sets/6956/Mtron-6956-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

.mtron-6923-space-hero {
    background: url('../image/themes/mtron/sets/6923/Mtron-6923-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

.mtron-6896-space-hero {
    background: url('../image/themes/mtron/sets/6896/Mtron-6896-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

.mtron-6877-space-hero {
    background: url('../image/themes/mtron/sets/6877/Mtron-6877-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

.mtron-6833-space-hero {
    background: url('../image/themes/mtron/sets/6833/Mtron-6833-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

.mtron-1478-space-hero {
    background: url('../image/themes/mtron/sets/1478/Mtron-1478-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

.mtron-6811-space-hero {
    background: url('../image/themes/mtron/sets/6811/Mtron-6811-Large.png') center top no-repeat;
    background-size: cover;
    height: 0;
    overflow: hidden;
    padding-bottom: 55%;
    position: relative;
    width: 100%;  
}

/**** MINI-FIGURE GALLERY ****/

.mtron .circle, .mtron .control .btn-material {
    background: #77a50c;
}

/**** TAGS ****/

.mtron .spacetag {
    background: #abb1ba;
}

/**** SEARCH ****/

/* Search Box Default Text Color */
.mtron .icon-close, .iceplanet2002 .icon-material-search, .iceplanet2002 .search-input input {
    color: #fff !important;
}

.mtron .input-search-helper {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Search Box Error Text */
.mtron .space-header .search-input .warningColor {
    color: #fff !important;
}

/* Search Box Close Button Hover */
.mtron .icon-close:hover {
    color: #d44617 !important;
}

/* Search Box Placeholder Text */
.mtron .search-input ::-webkit-input-placeholder {
    color: #fff;
}

.mtron .search-input ::-moz-placeholder {
    color: #fff;
}

.mtron .search-input :-ms-input-placeholder {
    color: #fff;
}

/**** MOBILE LAYOUT ****/

@media (max-width: 839px) {
    
    /**** MOBILE HERO IMAGES****/
    
    .mtron-space-hero {
        background: url('../image/themes/mtron/home/Mtron-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%; 
    } 
    
    .mtron-6989-space-hero {
        background: url('../image/themes/mtron/sets/6989/Mtron-6989-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%;  
    }

    .mtron-6862-space-hero {
        background: url('../image/themes/mtron/sets/6862/Mtron-6862-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%;  
    }

    .mtron-6956-space-hero {
        background: url('../image/themes/mtron/sets/6956/Mtron-6956-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%;  
    }

    .mtron-6923-space-hero {
        background: url('../image/themes/mtron/sets/6923/Mtron-6923-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%;  
    }

    .mtron-6896-space-hero {
        background: url('../image/themes/mtron/sets/6896/Mtron-6896-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%;  
    }

    .mtron-6877-space-hero {
        background: url('../image/themes/mtron/sets/6877/Mtron-6877-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%;  
    }

    .mtron-6833-space-hero {
        background: url('../image/themes/mtron/sets/6833/Mtron-6833-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%;  
    }

    .mtron-1478-space-hero {
        background: url('../image/themes/mtron/sets/1478/Mtron-1478-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%;  
    }

    .mtron-6811-space-hero {
        background: url('../image/themes/mtron/sets/6811/Mtron-6811-Medium.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 75%;
        position: relative;
        width: 100%;  
    }
}

@media (max-width: 539px) {
    
    .mtron-space-hero {
        background: url('../image/themes/mtron/home/Mtron-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%; 
    }  
    
    .mtron-6989-space-hero {
        background: url('../image/themes/mtron/sets/6989/Mtron-6989-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%;  
    }

    .mtron-6862-space-hero {
        background: url('../image/themes/mtron/sets/6862/Mtron-6862-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%;  
    }

    .mtron-6956-space-hero {
        background: url('../image/themes/mtron/sets/6956/Mtron-6956-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%;  
    }

    .mtron-6923-space-hero {
        background: url('../image/themes/mtron/sets/6923/Mtron-6923-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%;  
    }

    .mtron-6896-space-hero {
        background: url('../image/themes/mtron/sets/6896/Mtron-6896-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%;  
    }

    .mtron-6877-space-hero {
        background: url('../image/themes/mtron/sets/6877/Mtron-6877-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%;  
    }

    .mtron-6833-space-hero {
        background: url('../image/themes/mtron/sets/6833/Mtron-6833-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%;  
    }

    .mtron-1478-space-hero {
        background: url('../image/themes/mtron/sets/1478/Mtron-1478-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%;  
    }

    .mtron-6811-space-hero {
        background: url('../image/themes/mtron/sets/6811/Mtron-6811-Small.png') center top no-repeat;
        background-size: cover;
        height: 0;
        overflow: hidden;
        padding-bottom: 100%;
        position: relative;
        width: 100%;  
    }    
}