/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 991px) {
    html,
    body {

        max-width: 100%!important;
        overflow-x: hidden !important;
    }
    .login_bg,.login_html{
        height: 100vh !important;
    }
    .login_bg_register{
        height: 100% !important;
    }
    .banner_box {
        max-height: 500px !important;
    }
    .login-body .login_bg {
        max-height: 200px !important;
    }
    .footer-padding ul {
        display: block;
    }
    .footer-padding ul li {
        padding-top: 7px;
    }
    .login_box:before,
    .login_box:after {
        display: none;
    }
    .login-form {
        width: 100%;
        padding: 80px 15px 15px 15px;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        height: auto;
        margin: 60px 0;
    }
    .login-form h2 {
        font-size: 22px;
    }
    .logo img,
    .footer-logo img {
        width: 100px;
        max-width: 100px;
    }
    .video_thumbnail2 {
        height: 200px !important;
    }
    .mobile_menu .slicknav_menu .slicknav_nav a.btn {
        padding: 16px 20px!important;
        font-size: 12px;
    }
    .section_header .section-tittle,.section_header2 .section-tittle{
        width: 100%;
    }
    .banner_box_inner{
        height: 50vh !important;
    }
    .banner_box_inner .pb-10{
        padding-bottom: 0px;
    }
    .banner_title{
        font-size: 14px !important;
    }
}


/* Smartphones (landscape) ----------- */

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


/* Smartphones (portrait) ----------- */

@media only screen and (max-width: 320px) {
    /* Styles */
}


/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .banner_box_inner{
        height: 100vh !important;
    }
    html,
    body {
      
        max-width: 100%!important;
        overflow-x: hidden !important;
    }
    .banner_box {
        max-height: 300px !important;
    }
    .login-body .login_bg {
        max-height: 200px !important;
    }
    .login_bg,.login_html{
        height: 100vh !important;
    }
    .footer-padding ul {
        display: block;
    }
    .footer-padding ul li {
        padding-top: 7px;
    }
    .login_box:before,
    .login_box:after {
        display: none;
    }
    .login-form {
        width: 100%;
        padding: 80px 15px 15px 15px;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        height: auto;
        margin: 60px 0;
    }
    .login-form h2 {
        font-size: 22px;
    }
    .logo img,
    .footer-logo img {
        width: 100px;
        max-width: 100px;
    }
    .video_thumbnail2 {
        height: 300px !important;
    }
    .mobile_menu .slicknav_menu .slicknav_nav a.btn {
        padding: 16px 20px!important;
        font-size: 12px;
    }
    .section_header .section-tittle,.section_header2 .section-tittle{
        width: 100%;
    }
}


/* iPads (landscape) ----------- */

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


/* 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 */
}


/* 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 */
}

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


/* 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 */
}

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


/* 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 */
}

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


/* 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 */
}

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


/* 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 */
}

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


/* 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 */
}

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


/* 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 */
}

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


/* 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 */
}

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


/* 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 */
}

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