/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
.login-content {
    flex-wrap: wrap;
}
.image-section {
    width: 100%;
}

.from-section {
    width: 100%;
}
.logo-section2 {
    display: none;
}
.logo-section1 {
    padding: 0px;
}
.toogle-btn {
    display: block;
        font-size: 20px;
    padding: 15px 0px;
}
.fullwidthPanel .left-section {
        width: 30%;
            z-index: 1;
}
.left-section {
        width: 0%;
}
.right-section {
    width: 100%;
        margin-left: 0;
}
}




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

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}