/**
 * File responsive.js.
*/


/* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {

}

/* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
    
    .container {
        margin: 0 20px;
    }

    .coming-soon .logo {
        width: 640px;
    }

    .coming-soon h1 {
        font-size: 11px;
    }

    .coming-soon .tyre-graphic.right {
        bottom: 60px;
    }

    .coming-soon .tyre-graphic.left {
        top: 40px;
    }

    .coming-soon .tyre-graphic {
        width: 1113px;
    }

    /* 404 Error Page */
    .error-num h1 {
        font-size: 150px;
    }

    .error-num h2 {
        font-size: 20px;
        top: 0;
    }

    .error-num .tyre-graphic {
        width: 400px;
    }

    /* Footer */
    footer .container.row {
        gap: 40px;
        flex-direction: column;
    }

    .site-map.row {
        gap: 20px;
        flex-wrap: wrap;
    }

    footer .tyre-graphic {
        width: 290px;
    }

    footer .tyre-graphic.top {
        top: -130px;
    }

    footer .tyre-graphic.bottom {
        bottom: -240px;
    }

    footer .logo {
        width: 100px;
    }
}

/* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 768px) {
    .coming-soon .logo {
        width: 450px;
    }

    .coming-soon h1 {
        font-size: 14px;
    }

    .coming-soon .tyre-graphic.right {
        bottom: 100px;
    }

    .coming-soon .tyre-graphic.left {
        top: 70px;
    }

    .coming-soon .tyre-graphic {
        width: 1113px;
    }

    /* 404 Error Page */
    .error-num h1 {
        font-size: 230px;
    }

    .error-num h2 {
        font-size: 30px;
        top: 15px;
    }

    .error-num .tyre-graphic {
        width: 570px;
    }

    /* Footer */
    footer .container.row {
        gap: 40px;
        flex-direction: column;
    }

    footer .tyre-graphic {
        width: 350px;
    }

    footer .tyre-graphic.top {
        top: -130px;
    }

    footer .tyre-graphic.bottom {
        bottom: -240px;
    }
}

/* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
*/
@media (min-width: 769px) and (max-width: 1024px) {
    .container {
        margin: 0 30px;
    }

    .coming-soon .logo {
        width: 250px;
    }

    .coming-soon h1 {
        font-size: 16px;
    }

    .coming-soon .tyre-graphic.right {
        bottom: 100px;
    }

    .coming-soon .tyre-graphic.left {
        top: 70px;
    }

    /* 404 Error Page */
    .error-num h1 {
        font-size: 260px;
    }


    /* Footer */
    footer .container.row {
        gap: 80px;
    }

    footer .tyre-graphic {
        width: 350px;
    }

    footer .tyre-graphic.top {
        top: -135px;
    }

    footer .tyre-graphic.bottom {
        bottom: -240px;
    }

    .site-map.row {
        gap: 40px;
    }
}