@media (max-width: 376px) {
    .slider-img-mob {
        height: 930px;
        object-fit: cover;
    }
}
@media (max-width: 768px) {
    html, body {
        overflow-x: hidden!important;
    }
    .navbar-brand img {
        width: 70px;
    }
    .navbar-toggler {
        border: transparent;
    }
    .slider-img-mob {
        display: block!important;
        width: 100%;
    }
    .slider-img-main {
        display: none!important;
    }
    .slider-content-box {
        position: absolute;
        left:20px;
        top: 40px;
    }
    .slider-content h1, .slider-content h2 {
        font-size: 30px;
    }
    .slider-nav {
        top: 59%;
    }
    .slider-content p {
        margin-bottom: 10px;
        margin-right: 20px;
        font-size: 14px;
    }
    .slick-dots {
        bottom: 5%;
    }
    .btna {
        margin: 10px 0 30px;
        display: inline-block;
    }
    .ext-md-procx-scx-info {
        width: 100%;
        border-bottom: 1px solid #e8edf5;
        padding-left: 85px;
        margin-top: -105px;
        padding-bottom: 50px;
    }
    .ext-md-procx-scx-item {
        display: block;
    }
    .ext-md-procx-scx-no {
        margin-left: 10px;
    }
    .dropdown-desk {
        display: none;
    }
    .dropdown-mobile {
        display: block;
    }
    .ex-md-abtpg-hero-scx-content {
        padding-left: 30px;
        padding-right: 30px;
    }
    .ex-md-abtpg-hero-scx-img img { 
        height: auto; 
    }
    .ex-md-abtpg-hero-scx {
        padding: 60px 0 0;
    }
    .ex-md-abtpg-hero-scx-stat h3 {
        font-size: 30px;
    }
    .ex-pro-badge { 
        font-size: 12px; 
        width: 100%;
    }
    .ex-pro-title {
        color: #fff;
        font-size: 30px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}
@media (min-width: 768px) and (max-width: 1024px) {
    .slider-content h1, .slider-content h2 {
        font-size: 50px;
    }
    .slider-content-box {
        position: absolute;
        left: 80px;
        top: 230px;
        width: 70%;
    }
    .slideNextBtn { 
        right: 65px;
    }
}

/* ipad landscape mode */
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
    .slider-content-box {
        position: absolute;
        left: 110px;
        top: 40px;
        z-index: 10;
        width: 100%;
    }
    .slider-content h1, .slider-content h2 {
        font-size: 30px;
    }
    .slider-content p { 
        font-size: 14px;
    }
    .ext-md-ban-stat-item {
        display: block;
    }
    .ext-md-ban-stat-icon {
        margin-bottom: 15px;
    }
    .ext-md-hm-abt-scx-title {
        font-size: 30px;
    }
    .ext-md-hm-abt-scx-box {
        display: block;
    }
    .ext-md-hm-abt-scx-icon img { 
        margin-bottom: 10px;
    }
    .ext-md-hm-abt-scx-box h5 { 
        font-size: 16px; 
    }
    .ext-md-hm-abt-scx-title {
        font-size: 30px;
    }
    .ext-md-hm-abt-scx-desc p { 
        line-height: 1.5; 
        font-size: 14px;
        margin-bottom: 10px;
    }
    .ext-md-hm-abt-scx {
        padding: 80px 0 30px; 
    }
    .ext-md-pro-scx-card p { 
        line-height: 1.5;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .ext-md-pro-scx-card a {
        width: 35px;
        height: 35px; 
        right: 20px;
        bottom: 20px; 
    }
    .ext-md-wcs-scx-title {
        font-size: 40px; 
    }
    .ext-md-wcs-scx-card { 
        padding: 20px; 
    }    
    .ext-md-wcs-scx-card p { 
        line-height: 1.5; 
    }
    .ext-md-wcs-scx-card h4 {
        font-size: 21px; 
        margin-bottom: 10px;
    }
}

/* ipad air mode */
@media only screen and (device-width: 820px) and (device-height: 1180px) and (orientation:portrait) {
        .slider-img-mob {
        display: block!important;
        width: 100%;
    }
    .slider-img-main {
        display: none!important;
    }
    .slider-content-box {
        position: absolute;
        left: 100px;
        top: 220px;
    }
    .btna {
        margin: 10px 0 30px;
        display: inline-block;
    }
    .ex-md-abtpg-hero-scx-content {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 50px;
        padding-bottom: 60px;
    }
    .ex-md-abtpg-hero-scx-img img { 
        height: auto; 
    }
}
@media only screen and (device-width: 1180px) and (device-height: 820px) and (orientation:landscape) {
        .slider-content-box {
        position: absolute;
        left: 110px;
        top: 40px;
        z-index: 10;
        width: 100%;
    }
    .slider-content h1, .slider-content h2 {
        font-size: 30px;
    }
    .slider-content p { 
        font-size: 14px;
    }
    .ext-md-ban-stat-item {
        display: block;
    }
    .ext-md-ban-stat-icon {
        margin-bottom: 15px;
    }
    .ext-md-hm-abt-scx-title {
        font-size: 30px;
    }
    .ext-md-hm-abt-scx-box {
        display: block;
    }
    .ext-md-hm-abt-scx-icon img { 
        margin-bottom: 10px;
    }
    .ext-md-hm-abt-scx-box h5 { 
        font-size: 16px; 
    }
    .ext-md-hm-abt-scx-title {
        font-size: 30px;
    }
    .ext-md-hm-abt-scx-desc p { 
        line-height: 1.5; 
        font-size: 14px;
        margin-bottom: 10px;
    }
    .ext-md-hm-abt-scx {
        padding: 80px 0 30px; 
    }
    .ext-md-pro-scx-card p { 
        line-height: 1.5;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .ext-md-pro-scx-card a {
        width: 35px;
        height: 35px; 
        right: 20px;
        bottom: 20px; 
    }
    .ext-md-wcs-scx-title {
        font-size: 40px; 
    }
    .ext-md-wcs-scx-card { 
        padding: 20px; 
    }    
    .ext-md-wcs-scx-card p { 
        line-height: 1.5; 
    }
    .ext-md-wcs-scx-card h4 {
        font-size: 21px; 
        margin-bottom: 10px;
    }
    .ex-md-abtpg-hero-scx-title {
        font-size: 30px; 
    }
    .ex-md-abtpg-hero-scx-desc p {
        font-size: 16px;
    }
    .ex-md-abtpg-hero-scx-tag { 
        margin-bottom: 15px; 
    }
    .ex-md-abtpg-3col-img-scx-top {
        padding: 40px;
    }
    .ex-md-abtpg-3col-img-scx-card img { 
        height: 250px;
        object-fit: cover; 
    }
    .ex-md-abtpg-hero-scx-stat p {
        font-size: 16px;
    }
}

/* ipad pro portrait mode */
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
    .slider-content h1, .slider-content h2 {
        font-size: 30px;
    }
    .slider-content p {
        font-size: 14px;
    }
    .slider-content-box {
        position: absolute;
        left: 80px;
        top: 60px;
        width: 100%;
    }
    .ex-md-abtpg-hero-scx-title {
        font-size: 30px; 
    }
    .ex-md-abtpg-hero-scx-stat h3 {
        font-size: 30px; 
    }
    .ex-md-abtpg-hero-scx-desc p {
        font-size: 15px; 
    }
}
@media (min-width: 1000px) and (max-width: 1200px) {
    .slider-content h1, .slider-content h2 {
        font-size: 30px;
    }
    .slider-content p {
        font-size: 14px;
    }
    .slider-content-box {
        position: absolute;
        left: 80px;
        top: 60px;
        width: 100%;
    }
}

@media (min-width: 1279px) and (max-width: 1367px) {
    .slider-content h1, .slider-content h2 {
        font-size: 40px;
    }
    .slider-content-box {
        top: 100px;
    }
    .ext-md-ban-stat-content h5 {
        font-size: 16px;
        margin: 0 0 5px;
    }
    .ex-md-abtpg-hero-scx-title {
        font-size: 40px;
    }
}