/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 321px) and (max-device-width : 480px) {
/* Styles */
    #hero{
        background-size : cover;
        background-repeat: no-repeat;
        min-height: 0;
        /*background: transparent;*/
        /*padding-bottom: 0 !important;*/
        padding-bottom: 25px !important;
    }
    .col-lg-12.d-flex.flex-column.justify-content-center.pt-4.pt-lg-0.order-2.order-lg-1.m-auto.aos-init.aos-animate {
    	top: 35px;
    }
    .text-wrapper span{
        font-size: 0.9rem;
    }
    #hero h2{
        font-weight:800;
        top: 27px;
        left: 0;
    }
    .sub-heading.text-center.text-bold.text-white {
        font-size: 0.8rem;
        top: -62px;
        position: relative;
    }
    .start_btn{
        padding:0;
         top: -45px;
        position: relative;
    }
    .btn_start{
        margin: 0 auto;
        display: inline-grid;
        width: 25%;
        padding: 0;
        top: -15px;
        left: 0;
    }
    
    .login_panel{
        height:100%;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
    #hero{
        background-size : cover;
        min-height: 0;
        padding-bottom: 25px !important ;
    }
    .col-lg-12.d-flex.flex-column.justify-content-center.pt-4.pt-lg-0.order-2.order-lg-1.m-auto.aos-init.aos-animate {
    	top: 35px;
    }
    .text-wrapper span{
        font-size: 0.75rem;
    }
    #hero h2{
        font-weight:800;
        top: 27px;
        left: 0;
        padding:0;
        margin:0;
    }
    .sub-heading.text-center.text-bold.text-white {
        font-size: 0.75rem;
        top: -76px;
        position: relative;
    }
    .start_btn{
        padding: 0;
        font-size: 0.75rem;
        top: -96px;
        position: relative;
    }
    .btn_start{
        margin: 0 auto;
        display: inline-grid;
        width: 25%;
        padding: 0;
        top: 20px;
        left: 0;
    }
    .login_panel{
        height:100%;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
    .login_panel{
        height:100%;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
.login_panel{
        height:100%;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
.login_panel{
        height:100%;
    }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
.login_panel{
        height:100%;
    }
}
/**********
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 */
.login_panel{
        height:100%;
    }
}

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

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
.login_panel{
        height:100%;
    }
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
.login_panel{
        height:100%;
    }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
.login_panel{
        height:100%;
    }
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */.login_panel{
        height:100%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */.login_panel{
        height:100%;
    }
}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */.login_panel{
        height:100%;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */.login_panel{
        height:100%;
    }
}

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */.login_panel{
        height:100%;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */.login_panel{
        height:100%;
    }
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */.login_panel{
        height:100%;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */.login_panel{
        height:100%;
    }
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */.login_panel{
        height:100%;
    }
}

@media only screen and (min-device-width: 414px) and (min-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */.login_panel{
        height:100%;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */.login_panel{
        height:100%;
    }
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */.login_panel{
        height:100%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */.login_panel{
        height:100%;
    }
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */.login_panel{
        height:100%;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */.login_panel{
        height:100%;
    }
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */.login_panel{
        height:100%;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */.login_panel{
        height:100%;
    }
}
