
@media only screen and (max-width: 950px) {
    .tempInfoWrap {
        max-width:300px;
    }
    .tempImgWrap{
        min-height:350px;
        max-height:350px;
    }
}

@media only screen and (min-width: 1100px) {
    .tempInfoWrap {
        max-width:420px;
    }
    .tempImgWrap{
        min-height:520px;
        max-height:520px;
    }
}
@media only screen and (max-width: 1000px){
    .tempName{
        font-size:13px !important;
        width:70% !important;
        padding-right:5px;
        box-sizing:border-box;
    }
    .tempDevices{
        width:30% !important;
    }
}
/*MOBILE*/
@media only screen and (max-width: 800px) {
    .hidePrevRowWrap, .prevFilterWrap{
        display:none !important;
    }
    .tempName{
        width:70% !important;
        font-size:12px !important;
        padding-right:3px;
        box-sizing:border-box;
    }
    .tempDevices{
        width:30% !important;
    }
    .prevSiteWrap{
        width:100% !important;
        padding:25px !important;
    }
    .tempWrapper, .tempInfoWrap {
        width:100% !important;
        min-width:300px;
        max-width:300px;
        margin:0 auto;
    }
    .tempImgWrap{
        min-height:400px;
        max-height:400px;
    }
    .mobFilterWrapper{
        display:block !important;
        width:100%;
    }
    .mobFilterWrapLabel{
        display:flex;
        width:100%;
        padding:10px;
        box-sizing:border-box;
        margin:20px auto;
        border:1px solid rgba(0,0,0,0.1);
        justify-content:space-between;
        cursor:pointer;
    }
    .categoryPopWrapper{
        display:block;
        width:100%;
        height:100%;
        position:fixed;
        top:0;
        left:0;
        background-color:rgba(255,255,255,0.8);
        padding:60px 15px 15px 15px;
        box-sizing:border-box;
        z-index:99;
        overflow-y:scroll;
        color:black;
        font-weight:bold;
    }
    .popCloseBtn{
        display:block;
        position:absolute;
        top:10px;
        right:10px;
        font-size:30px;
        cursor:pointer;
    }
    .categoryPopWrapper i{
        color:rgba(6,100,213,1);
    }
    .categoryPopWrapper .filterWrapLabel{
        color:black !important;
    }
    .mobFixedFilter{
        position:fixed;
        top:54px;
        left:0;
        width:100%;
        background-color:rgba(73,167,249,0.5);
        padding:15px;
        box-sizing:border-box;
        z-index:99;
        opacity:0;
        transition:all .25s ease;
        cursor:pointer;
    }
    .activeFixedFilter{
        opacity:1;
    }
    .innerMobFixedFilter{
        color:rgba(6,100,213,1);
        font-weight:bold;
        display:flex;
        padding:10px;
        box-sizing:border-box;
        justify-content:space-between;
        border:1px solid rgba(6,100,213,1);
    }
    .activeMobileFilter{
        z-index:1 !important;
    }
}

