/*Phablet styles will need to be overwritten here*/

@media screen and (min-width: 768px) and (max-width: 1260px) {
    .TabCont
    {
        display:block;
    }

    /*.TabCont:after {
        content: "Tablet";
    }*/

    .PhabCont, .MobCont
    {
        display:none;
    }

    HTML.touch .MasterSlider .tabletFlowplayerContainer {
        position: relative;
        height: 50px;
        margin: 0;
    }

    .MessageDisplayed
    {
        overflow:hidden;
    }

    /* forms */
    
    .PreviewFormContainer {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 100% !important;
        padding: 5px !important;
    }

    .PreviewForm {
        padding: 0 !important;
        width: 95% !important;
       
    }

    .PreviewForm div.StandardForm{
        width: 100% !important;
        padding: 0 !important;
         margin: 0 0 10px 0 !important;
    }

        .PreviewForm DIV.StandardForm div.formColumn {
            width: 95% !important;
        }

        .PreviewFormContainer .Close{
            right: 5px !important;
        }


}


/* https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
/* ----------- iPad 3 and 4 ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

    

    /*Overlays*/

    .MobilePopupIconBar, .SearchErrorClose
    {
        left:10%;
        right:10%;
    }

    #MobilePopup, .HotSpot1 {
        bottom:30%;
        left:10%;
        right:10%;
    }


    .HotSpot1.Pale {
        bottom:10%;
        top:10%;
    }

    .HotSpot1.Pale .SearchErrorClose
    {
        top:10%;
    }


    #SearchError,  #IEError

    {
        bottom:60%;
    }
    /*Overlays*/


    /* forms */
    
    .PreviewFormContainer {
        position: absolute !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        height: 100% !important;
        padding: 5px !important;
    }

    .PreviewForm {
        padding: 0 !important;
        width: 95% !important;
       
    }

    .PreviewForm div.StandardForm{
        width: 100% !important;
        padding: 0 !important;
         margin: 0 0 10px 0 !important;
    }

        .PreviewForm DIV.StandardForm div.formColumn {
            width: 95% !important;
        }

        .PreviewFormContainer .Close{
            right: 5px !important;
        }
}
/* ----------- iPad 3 and 4 ----------- */
/* Portrait */