/*-------------User Submitted Events--------------*/
    input #File {
        padding: 20px;
        height: 60px;
    }

    .jcrop-holder #preview-pane {
        -moz-border-radius: 6px;
        -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 6px;
        -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
        background-color: white;
        border: 1px rgba(0, 0, 0, .4) solid;
        border-radius: 6px;
        box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
        display: block;
        padding: 6px;
        position: absolute;
        left: -40px;
        top: -320px;
        z-index: 2000;
        max-width: 330px;
    }

    #preview-pane .preview-container {
        border: 1px dashed #393939;
        height: 145px;
        overflow: hidden;
        width: 316px;
    }

/*.jcrop-holder img {
    max-width: 100%;
    height: auto;
}*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------iPhone SE-------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 375px) {
    .jcrop-holder #preview-pane {
        left: -35px;
        max-width: 342px;
    }

    #preview-pane .preview-container {
        height: 93px;
        width: 324px;
    }

}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------iPhone 12 Pro-------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 390px) {
    .jcrop-holder #preview-pane {
        max-width: 356px;
    }

    #preview-pane .preview-container {
        width: 342px;
    }
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------iPhone XR-------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 414px) {
    .jcrop-holder #preview-pane {
        max-width: 382px;
    }

    #preview-pane .preview-container {
        height: 105px;
        width: 368px; 
    }
}



/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------Large Phone-----------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------(COL-SM)-----------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 576px) {
    .jcrop-holder #preview-pane {
        max-width: 500px;
    }

    #preview-pane .preview-container {
        width: 480px;
    }
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------Small Tablet----------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------(COL-MD)-----------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {


    .jcrop-holder #preview-pane {
        left: 0;
        max-width: 650px;
    }

    #preview-pane .preview-container {
        width: 620px;
    }

}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------Large Tablet-------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------(COL-LG)-----------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) {

    .jcrop-holder #preview-pane {
        left: 0;
        max-width: 800px;
    }

    #preview-pane .preview-container {
        width: 760px;
    }


}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------Desktop----------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------(COL-XL)-----------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1200px) {

/*    .jcrop-holder #preview-pane {
        right: -700px;
        top: -25px;
    }*/

    #preview-pane .preview-container {
        height: 285px;
        width: 650px;
    }

}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------Extra Large Desktop--------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------(COL-XXXL)-----------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1600px) {
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------Full HD --------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------(COL-XXXL)----------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1920px) {
}
    /*-------------User Submitted Events (COL-SM)--------------*/

/*    .jcrop-holder #preview-pane {
        right: -370px;
        top: -25px;
    }

    #preview-pane .preview-container {
        height: 154px;
        width: 350px;
    }*/


    /*------------User Submitted Events (COL-MD)-----------------------------*/


    /*------------User Submitted Events (COL-LG)-----------------------------*/


    /*------------User Submitted Events (COL-XL)-----------------------------*/