@media only screen and (min-width:800px) and (max-width:1300px){
    .effect-sadie span{
        font-size:20px !important;
    }
    .display-inner-content{
        top:25px !important;
    }
    .thumb-icon{
        width:80px !important;
        height:80px !important;
    }
    .display-inner-content i:before{
        font-size:38px !important;
        top:16px !important;
    }
}

@media only screen and (min-width:1000px) and (max-width:1023px){
    .effect-sadie span{
        font-size:28px !important;
    }
    .display-inner-content{
        top:80px !important;
    }
}

@media screen and (max-width:320px){
    .effect-sadie span{
        font-size:26px !important;
    }
    .display-inner-content{
        top:40px !important;
    }
    .thumb-icon{
        width:90px !important;
        height:90px !important;
    }
    .display-inner-content i:before{
        font-size:40px !important;
        top:20px !important;
    }
}

.ssc-content .navBoxes {
    margin-left: calc(-100vw / 2 + 1200px / 2);
    margin-right: calc(-100vw / 2 + 1200px / 2);
    margin-top:5em;
}
#bid-256 footer.sub-pages,
#bid-245 footer.sub-pages {
    margin-top: 0 !important;
}
.ssc-content .navBoxes .panel-grid-cell {
    /*width: calc(25% - 0%) !important;*/
}
.ssc-content .navBoxes .panel-grid-cell img {
    /* object-fit:fill;
    height:350px; */
	width:100%;
}
#bid-256 .ssc-content .navBoxes .panel-grid-cell {
    width: calc(33.3333% - 0%);
}
.effect-sadie{
    position:relative;
    overflow:hidden;
}
.effect-sadie .imgNavBox img {
    width:100%;
}
.effect-sadie .hovercontent.yellow::before {
    background:rgba(239,192,2,0.8);
}
.effect-sadie .hovercontent.gray::before {
    background:rgba(33,45,61,0.8);
}
.effect-sadie .hovercontent::before {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:'';
    opacity:0;
    -webkit-transform:translate3d(0,50%,0);
    transform:translate3d(0,50%,0);
}
.effect-sadie span {
    width:100%;
    color:#ffffff;
    line-height:30px;
    font-size:28px;
    -webkit-transition:-webkit-transform 0.35s,color 0.35s;
    transition:transform 0.35s,color 0.35s;
    -webkit-transform:translate3d(0,-50%,0);
    transform:translate3d(0,-50%,0);
    top:15px\9 !important;
    position:relative\9 !important;
}
.display-inner-content{
    top:50px\9 !important;
}
.effect-sadie .hovercontent::before{
    -webkit-transition:opacity 0.35s,-webkit-transform 0.35s;
    transition:opacity 0.35s,transform 0.35s;
}
.effect-sadie:hover .hovercontent::before {
    opacity:1;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
.effect-sadie:hover .display-inner-content {
    display:inline !important;
}
.effect-sadie:hover .hover-inner-content {
    display:none;
}
.hover-inner-content {
    position:absolute;
    bottom:20px;
    width:100%;
    text-align:center;
}
.hover-inner-content i:before {
    font-size:36px;
    color:#fff;
    margin-right:13px;
}
.display-inner-content {
    position:absolute;
    left:0;
    top:33%;
    width:100%;
    text-align:center;
    display:none;
    opacity:1;
    webkit-transition:box-shadow 5s ease-out,color 5s 5s ease-out;
    transition:box-shadow 5s ease-out,color 5s 5s ease-out;
}
.display-inner-content i:before {
    color:#fff;
    font-size:54px;
    top:24px;
    position:relative;
} 
.display-inner-content span {
    color:#fff;
    float:left;
    width:100%;
    margin-top:50px;
}
.thumb-icon {
    content:'';
    width:110px;
    height:110px;
    border:4px solid #ffffff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    margin:0 auto;
}
.paddingnone {
    padding:0px;
}

@media only screen and (min-width:320px) and (max-width:736px) and (orientation : portrait){ 
    .ssc-content .navBoxes {
        margin-left: 0;
        margin-right: 0;
    }
	.ssc-content .navBoxes .panel-grid-cell {
		width:100% !important;
	}
}
@media only screen and (min-width:320px) and (max-width:736px) and (orientation : landscape){ 
    .ssc-content .navBoxes {
        margin-left: 0;
        margin-right: 0;
    }
	.ssc-content .navBoxes .panel-grid-cell {
		width:100% !important;
	}
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation : portrait){ 
    .ssc-content .navBoxes {
        margin-left: calc(-100vw / 2 + 740px / 2);
        margin-right: calc(-100vw / 2 + 740px / 2);
    }
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation : landscape){ 
    .ssc-content .navBoxes {
        margin-left: calc(-100vw / 2 + 996px / 2);
        margin-right: calc(-100vw / 2 + 996px / 2);
    }
}



/* hero Facts */
#heroFacts {
    margin-left: calc(-100vw / 2 + 1200px / 2);
    margin-right: calc(-100vw / 2 + 1200px / 2);
    margin-top:-150px;
}
#heroFacts .panel-grid-cell {
    color: #fff;
    font-size:13px;
    margin-bottom:0 !important;
    padding:0 !important;
    width: 100% !important;
}
#heroFacts .panel-grid-cell > div {
    min-height:120px;
    height:auto !important;
    height: 120px;
    background:rgba(0,0,0,0.4);
    border-left:1px solid #000;
    padding:1px 20px;
}
#heroFacts a > h3,
#heroFacts a > h4 {
    color:#fff !important;
    text-transform:uppercase;
    font-weight:500;
    line-height:1.5;
    font-size:1.3vw;
}
@media only screen and (min-width:320px) and (max-width:736px) and (orientation : portrait){ 
    #heroFacts {
        margin-left: calc(-100vw / 2 + 355px / 2);
        margin-right: calc(-100vw / 2 + 355px / 2);
        margin-top:-102px;
        flex-direction:row !important;
    }
    #heroFacts .panel-grid-cell {
        width:50% !important;
    }
    #heroFacts a > h3,
    #heroFacts a > h4 {
        font-size:2.8vw;
    }
    #heroFacts .panel-grid-cell > div {
        min-height:70px;
        height:auto !important;
        height: 70px;
    }
}
@media only screen and (min-width:320px) and (max-width:736px) and (orientation : landscape){ 
    #heroFacts {
        margin-left: calc(-100vw / 2 + 710px / 2);
        margin-right: calc(-100vw / 2 + 710px / 2);
        margin-top:-135px;
        flex-direction:row !important;
    }
    #heroFacts .panel-grid-cell {
        width:50% !important;
    }
    #heroFacts a > h3,
    #heroFacts a > h4 {
        font-size:2.2vw;
    }
    #heroFacts .panel-grid-cell > div {
        min-height:80px;
        height:auto !important;
        height: 80px;
    }
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation : portrait){ 
    #heroFacts {
        margin-left: calc(-100vw / 2 + 740px / 2);
        margin-right: calc(-100vw / 2 + 740px / 2);
        margin-top:-118px;
    }
    #heroFacts .panel-grid-cell {
        -ms-flex: 0 1 33.33% !important;
        -webkit-flex: 0 1 33.33% !important;
        flex: 0 1 33.33% !important;
        width: 100% !important;
    }
    #heroFacts .panel-grid-cell > div {
        min-height:80px;
        height:auto !important;
        height: 80px;
    }
    #heroFacts a > h3,
    #heroFacts a > h4 {
        font-size:2.2vw;
    }
}
@media only screen and (min-width:768px) and (max-width:1024px) and (orientation : landscape){ 
    #heroFacts {
        margin-left: calc(-100vw / 2 + 996px / 2);
        margin-right: calc(-100vw / 2 + 996px / 2);
        margin-top:-110px;
    }
    #heroFacts .panel-grid-cell {
        -ms-flex: 0 1 20% !important;
        -webkit-flex: 0 1 20% !important;
        flex: 0 1 20% !important;
        width: 100% !important;
    }
    #heroFacts .panel-grid-cell > div {
        min-height:80px;
        height:auto !important;
        height: 80px;
    }
}