@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { /* iPad */



}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) { /* Retina iPad */
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) { /* iPad 1 - 2 */
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) { /* iPad Mini */
}



@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { /* iPhone 6*/

    .modal-dialog {
        width: 90%;
        max-height:300px !important;
        margin: 30px auto;
    }
                                                                           


}



@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { /* iPhone 5 */
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* iPhone 4 */
}