/* Target touch-enabled devices */
@media (hover: none) and (pointer: coarse) {
    /* Styles for touch devices */
}


/* Very small smartphones */
@media only screen and (max-width: 380px) {
    .all-options {
        margin-left: 0rem !important;
    }

    .hotline {
        right: -33.9% !important;
    }

    .mobile-naviigation {
        width: 85% !important;
        background: url(/themes/default/images/home/site-background.png) no-repeat !important;
        background-size: cover !important;
        background-position: left !important;
    }

    .logo-possition {
        margin-top: 3% !important;
    }

    .font-20 {
        font-size: 13px;
    }

    .font-50 {
        font-size: 30px;
    }
}


/* Target small smartphones, portrait mode */
@media only screen and (max-width: 600px) {
    .all-options {
        margin-left: 0rem !important;
    }

    .hotline {
        right: -35% !important;
    }

    .hotline:hover {
        left: 58% ! IMPORTANT;
    }

    .mobile-naviigation {
        width: 85% !important;
        background: url(/themes/default/images/home/site-background.png) no-repeat !important;
        background-size: cover !important;
        background-position: left !important;
    }
    .logo-possition {
        margin-top: 3% !important;
    }
    .font-20 {
        font-size: 15px;
    }
    .page-top {
        padding-top: 45.9%;
    }

    .sticky .logo-possition {
        width: 55% !important;
    }

    .intro-section {
        height: 96vh !important;
    }

    .font-16 {
        font-size: 14px;
    }

    .cus-visit-logo{
        width: 75px;
        height: 49px;
    }

    .footer-text{
        font-size: 10px;
    }
}

@media only screen and (max-width: 500px) {
    .hotline {
        right: -30% !important;
    }
}

@media only screen and (min-width: 361px) and (max-width: 390px) {
    .hotline {
        right: -33% !important;
    }
}

@media only screen and (max-width: 360px) {
    .hotline {
        right: -35% !important;
    }
}

@media only screen and (max-width: 320px) {
    .hotline {
        right: -39% !important;
    }
}
/* Target medium devices like tablets */
@media only screen and (min-width: 601px) and (max-width: 900px) {
    
    .mobile-naviigation {
        width: 40% !important;
        background: url(/themes/default/images/home/site-background.png) no-repeat !important;
        background-size: cover !important;
        background-position: left !important;
    }

    .logo-possition {
        margin-top: 3% !important;
    }
    .font-20 {
        font-size: 15px;
    }

    .all-options {
        margin-left: -6rem !important;
    }

    .carousel-caption {
        bottom: 0.25rem !important;
    }
    .page-top {
        padding-top: 15.9%;
    }
    .font-40 {
        font-size: 28px;
    }

    .font-16 {
        font-size: 13px;
    }

    .intro-section {
        height: 96.7vh;
    }

    .cus-visit-logo {
        width: 75px;
        height: 51px;
    }
}


/* Target large tablets or small laptops */
@media only screen and (min-width: 901px) and (max-width: 1200px) {

    .mobile-naviigation {
        width: 40% !important;
        background: url(/themes/default/images/home/site-background.png) no-repeat !important;
        background-size: cover !important;
        background-position: left !important;
    }

    .logo-possition {
        margin-top: -3% !important;
    }
    .font-20 {
        font-size: 16px;
    }

    .carousel-caption {
        bottom: 3.25rem !important;
    }

    .page-top {
        padding-top: 13.9% !important;
    }
    .font-40 {
        font-size: 28px;
    }
    .font-16 {
        font-size: 13px;
    }
    .intro-section {
        height: 97.5vh;
    }

}


/* Target laptops and desktop monitors */
@media only screen and (min-width: 1201px) and (max-width: 1800px) {

}


/* Target large desktops and ultra-wide monitors */
@media only screen and (min-width: 1801px) {
    .font-20 {
        font-size: 24px;
    }
    
    .carousel-caption {
        bottom: 13.25rem !important;
    }

    .page-top {
        padding-top: 6%;
    }
    .intro-section {
        height: 96vh !important;
        justify-content: center;
        align-items: center;
        display: flex;
    }
}


/* For 4K and ultra HD devices */
@media only screen and (min-width: 2560px) {
    .font-20 {
        font-size: 24px;
    }

    .carousel-caption {
        bottom: 13.25rem !important;
    }
    .page-top {
        padding-top: 6.1%;
    }
}


/* Landscape mode (for tablets and larger devices) */
@media only screen and (min-width: 375px) and (max-width: 667px) and (orientation: landscape) {
    .all-options {
        margin-left: -4rem !important;
    }
    .intro-section {
        height: 55vh !important;
    }

    .font-20 {
        font-size: 12px;
    }

    .line-height-25 {
        line-height: 13px;
    }

    .logo-possition {
        margin-top: 0% !important;
    }
    .social-media {
        top: 7% !important;
    }
    .page-top {
        padding-top: 10.9%;
    }
}

/* Landscape mode (for tablets and larger devices) */
@media only screen and (min-width: 668px) and (max-width: 896px) and (orientation: landscape) {
    .all-options {
        margin-left: -4rem !important;
    }
    .intro-section {
        height: 100vh !important;
    }    
    
    .carousel-caption {
        bottom: 2.25rem !important;
    }

    .font-20 {
        font-size: 12px;
    }

    .line-height-25 {
        line-height: 13px;
    }

    .logo-possition {
        margin-top: 0% !important;
    }
    .social-media {
        top: 24% !important;
    }
    .page-top {
        padding-top: 16.3%;
    }

}

@media only screen and (min-width: 897px) and (max-width: 932px) and (orientation: landscape) {

    
    .all-options {
        margin-left: -6rem !important;
    }

    .social-media {
        top: 7% !important;
    }
    
    .intro-section {
        height: 70vh !important;
    }

}