/* ------------------ MEDIA QUERIES ------------------ */
    /* Small devices (portrait tablets and large phones, 600px and below) */
    
    @media only screen and (max-width: 600px) {
        /* Navbar */
        .navbar {
            transition: 500ms ease;
            opacity: 0.97;
            background: #FFA300;
            padding: 11px;
        }
        .mobile-icon {
            display: block;
        }
        .desktop-icon {
            display: none;
        }
        .navbar .navbar-toggler .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }
        .navbar-light .navbar-toggler {
            border-color: #fff;
            color: #fff;
        }
        nav .nav-link {
            font-family: Muli;
            font-size: 17px;
            color: #fff;
        }
        .navbar-collapse {
            padding-top: 17px;
        }
        /* Banner */
        #banner {
            padding: 8em 0 0 0;
            text-align: center;
        }
        .header-mobile img {
            position: relative;
            top: 50px;
            left: 4.5%;
        }
        .header-mobile>figure {
            overflow: hidden;
            padding-bottom: 45px;
        }
        .banner-heading {
            font-size: 26px;
            padding-left: 5px;
            padding-right: 5px;
        }
        .banner-sub-heading {
            padding-left: 7px;
            padding-right: 7px;
        }
        .btn-customer {
            margin-right: 6px;
            margin-bottom: 20px;
        }
        /* About our app */
        #about-our-app {
            padding-top: 80px;
        }
        .mobile img {
            left: 5%;
        }
        #about-our-app-content {
            margin-top: 30px;
        }
        .reverse-order {
            flex-direction: column-reverse;
        }
        #about-our-app-content>p:nth-child(2) {
            font-size: 26px;
        }
        #about-our-app-content>span {
            text-align: center;
        }
        .please-wait {
            text-align: center;
        }
        #about-our-app-content>p:nth-child(1),
        #about-our-app-content>p:nth-child(2) {
            text-align: center;
        }
        #about-our-app-content {
            margin-top: 30px;
            margin-bottom: 45px;
        }
        .about-app-btns {
            text-align: center;
        }
        /* App features */
        #app-features {
            margin-bottom: 58px;
            padding-top: 0px;
            padding-bottom: 0px;
        }
        #app-feature-cards>div:nth-child(1),
        #app-feature-cards>div:nth-child(2) {
            margin-bottom: 16px;
        }
        #app-features-heading>p:nth-child(2) {
            font-size: 26px;
        }
        /* Screenshot */
        .screenshot-screen {
            margin: 74px -2px 37px 58px;
        }
        .screenshot-screen img {
            max-width: 80%;
        }
        #app-screenshot-heading>p:nth-child(2) {
            font-size: 26px;
        }
        .owl-next {
            right: 0%;
        }
        .owl-prev {
            left: 0%;
        }
        #downloadApp p {
            font-size: 26px;
        }
        /* Contact Us*/
        #contact-us-form form {
            margin: auto;
            width: 100%;
        }
        #contact-us-heading>p:nth-child(2) {
            font-size: 26px;
        }
        .divider-left {
            display: none;
        }
        .divider-right {
            display: none;
        }
        #contactDetails>div:nth-child(1) {
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
        }
        #contactDetails>div:nth-child(2) {
            border-bottom: 1px solid #eee;
            padding: 10px 0px;
        }
        #contactDetails>div:nth-child(3) {
            padding-top: 10px;
        }
        #contactDetails img {
            transform: scale(0.7);
        }
        .address {
            padding: 0px 5px;
        }
        /* Footer */
        #footer-content {
            text-align: center;
        }
        .privacy p {
            padding-left: 0px;
        }
        #footer-content {
            margin-top: 2px;
            padding-top: 3em;
            padding-bottom: 2em;
        }
        .copyright,
        .privacy {
            font-size: 3.6vw;
        }
        /* Privacy and Terms and Conditions */
        .intro {
            padding: 0px 0px 40px 0px;
            text-align: justify;
        }
        .privacy-heading h1 {
            font-size: 2em;
        }
        #banner-privacy {
            top: 0;
        }
        .privacy-bg {
            background-position-y: -3rem;
        }
        /* Terms and Conditions*/
        .tc-heading h1 {
            font-size: 2em;
        }
        #banner-tc {
            top: 0;
        }
        .tnc-bg {
            background-position-y: -3rem;
        }
        .content-tc {
            margin-top: -45px;
        }
    }
    
    @media only screen and (width:823px) {
        .privacy-bg,
        .tnc-bg {
            margin-top: 65px;
        }
    }
    
    @media only screen and (width:568px) {
        .content-tc {
            margin-top: -5px;
        }
    }
    
    @media only screen and (width:812px) {
        .tnc-bg {
            margin-top: 65px;
        }
    }
    
    @media only screen and (min-width:300px) and (max-width:767px) {
        /*iPhone 5/SE width: 320px*/
        #contactDetails {
            width: 100%;
            margin-top: 74px;
            font-size: initial;
            padding: 10px 0px;
        }
        .divider-left,
        .divider-right {
            display: none;
        }
        #contactDetails>div:nth-child(1) {
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
        }
        #contactDetails>div:nth-child(2) {
            border-bottom: 1px solid #eee;
            padding: 10px 0px;
        }
        #contactDetails>div:nth-child(3) {
            padding-top: 10px;
        }
        #contactDetails img {
            transform: scale(0.7);
        }
        .address {
            padding: 0px 5px;
        }
        .address img {
            height: 100%;
            position: relative;
            top: 0;
        }
        .banner-heading {
            font-size: 26px;
            padding-left: 5px;
            padding-right: 5px;
        }
        #downloadApp p {
            font-size: 26px;
        }
        #contact-us-heading>p:nth-child(2) {
            font-size: 26px;
        }
        #app-screenshot-heading>p:nth-child(2) {
            font-size: 26px;
        }
        #app-features-heading>p:nth-child(2) {
            font-size: 26px;
        }
        #about-our-app-content>p:nth-child(2) {
            font-size: 26px;
        }
        #about-our-app-content>span {
            text-align: center;
        }
        .please-wait {
            text-align: center;
        }
        /* Privacy Policy and Terms and Conditions */
    }
    
    @media only screen and (min-width: 300px) and (max-width: 399px) {
        .screenshot-screen {
            margin: 73px -6px 31px 51px;
        }
    }
    
    @media only screen and (min-width: 400px) and (max-width: 500px) {
        .screenshot-screen {
            margin: 80px -4px 51px 59px;
        }
    }
    
    @media only screen and (min-width:768px) and (max-width:1200px) {
        /* Contact Us */
        .divider-left {
            display: initial;
        }
        .divider-right {
            display: initial;
        }
        #contactDetails {
            width: 100%;
            margin-top: 74px;
            font-size: 12px;
        }
        #contact-us-form form {
            margin: auto;
            width: 100%;
        }
        #contactDetails img {
            transform: scale(0.7);
        }
        .address {
            padding: 0px 5px;
        }
    }
    /* Medium devices (landscape tablets, 600px-768px: iPad) */
    
    @media only screen and (min-width: 600px) and (max-width: 768px) {
        /* Navbar */
        .navbar {
            transition: 500ms ease;
            opacity: 0.97;
            background: #FFA300;
            padding: 11px 0px;
        }
        .mobile-icon {
            display: block;
        }
        .desktop-icon {
            display: none;
        }
        .navbar-collapse {
            padding-top: 17px;
        }
        .navbar .navbar-toggler .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }
        .navbar-toggler {
            border-color: #fff;
        }
        nav .nav-link {
            font-family: Muli;
            font-size: 17px;
            color: #fff;
        }
        /* Banner */
        #banner {
            padding: 8em 0 0 0;
            text-align: center;
        }
        .header-mobile img {
            position: relative;
            top: 82px;
        }
        /* About our app */
        #about-our-app {
            padding-top: 74px;
            text-align: center;
        }
        #about-our-app-content {
            padding-top: 40px;
        }
        .mobile img {
            position: absolute;
            top: 0;
            left: 194px;
        }
        .about-app-list {
            text-align: left;
            display: flex !important;
            justify-content: center !important;
        }
        /*App Features*/
        #app-features {
            padding-top: 0px;
            padding-bottom: 80px;
        }
        #app-feature-cards>div:nth-child(1),
        #app-feature-cards>div:nth-child(2) {
            margin-bottom: 16px;
        }
        /* Footer */
        #footer-content {
            text-align: center;
        }
        .privacy p {
            padding-left: 0px;
        }
        #footer-content {
            margin-top: 2px;
            padding-top: 3em;
            padding-bottom: 2em;
        }
        .reverse-order {
            flex-direction: column-reverse;
        }
        .btn-download {
            margin-bottom: 50px;
        }
    }
    /* Medium devices (landscape tablets, 768px-991px and up) */
    
    @media only screen and (min-width: 769px) and (max-width: 991px) {
        .navbar {
            transition: 500ms ease;
            opacity: 0.97;
            background: #FFA300;
        }
        .mobile-icon {
            display: block;
        }
        .desktop-icon {
            display: none;
        }
        .navbar-collapse {
            padding-top: 17px;
        }
        .navbar .navbar-toggler .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }
        .navbar-toggler {
            border-color: #fff;
        }
        nav .nav-link {
            font-family: Muli;
            font-size: 17px;
            color: #fff;
        }
        /* Banner */
        #banner {
            padding: 8em 0 0 0;
            text-align: center;
        }
        .header-mobile img {
            position: relative;
            top: 82px;
        }
        /* About our app */
        #about-our-app {
            padding-top: 74px;
            text-align: center;
        }
        #about-our-app-content {
            padding-top: 40px;
        }
        .mobile img {
            position: absolute;
            top: 0;
            left: 194px;
        }
        .about-app-list {
            text-align: left;
            display: flex !important;
            justify-content: center !important;
        }
        /*App Features*/
        #app-features {
            padding-top: 0px;
            padding-bottom: 80px;
        }
        #app-feature-cards>div:nth-child(1),
        #app-feature-cards>div:nth-child(2) {
            margin-bottom: 16px;
        }
        /* Contact Us */
        .divider-left {
            display: initial;
        }
        .divider-right {
            display: initial;
        }
        #contactDetails {
            width: 100%;
            margin-top: 74px;
            font-size: 12px;
        }
        #contact-us-form form {
            margin: auto;
            width: 100%;
        }
        #contactDetails img {
            transform: scale(0.7);
        }
        .address {
            padding: 0px 5px;
        }
        /* Footer */
        #footer-content {
            text-align: center;
        }
        .privacy p {
            padding-left: 0px;
        }
        #footer-content {
            margin-top: 2px;
            padding-top: 3em;
            padding-bottom: 2em;
        }
        .reverse-order {
            flex-direction: column-reverse;
        }
        .btn-download {
            margin-bottom: 50px;
        }
    }
    /* Large devices (laptops/desktops, 992px - 1199px: iPad Pro) */
    
    @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .mobile-icon {
            display: none;
        }
        .desktop-icon {
            display: block;
        }
        /* Contact Us */
        #contactDetails {
            width: 100%;
            font-size: 1.43vw;
        }
        .address {
            padding: 0px 25px;
        }
        #footer-content {
            display: flex;
        }
    }
    /* Extra large devices (large laptops and desktops, 1200px and up) */
    
    @media only screen and (min-width: 1200px) {
        .mobile-icon {
            display: none;
        }
        .desktop-icon {
            display: block;
        }
        #footer-content {
            display: flex;
        }
    }