.imgcss {
    width: 100%;
    margin-top: 7%;
}

.imglogo {
    height: 70px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.form-control {
    border: 1px solid #aaa;
    margin-bottom: 0.5em;
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1260px !important;
    }
}
#eye {
    position: absolute;
    cursor: pointer;
    right: 5px;
    top: 10px;
}

@media only screen and (max-width: 600px) {
    .imglogo {
        height: 65px !important;
    }
}

@media only screen and (min-width: 600px) {
    .imglogo {
        height: 65px !important;
    }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    /* your css rules for ipad portrait */
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    body {
        background-color: green !important;
    }
    /* your css rules for ipad landscape */