/* Mobile */
@media (max-width: 767px){

    .home-header {
        margin-top: 5em;
        padding: 0 0 2em;
        z-index: 99;
    }

    .header-img {
        background: none;
    }

    .head-info h1 {
        margin: 0.5em 0;
        font-size: 2em;
    }

    h2 {
        font-size: 1.5em;
    }
    
    .navbar-toggler {
        font-size: 1.5em;
        color: #EF1922;
    }
    
    .navbar-toggler:focus {
        outline:0;
    }

    .nav-link {
        padding: 0;
        margin: 0.5em 0;
    }

    .navbar-nav {
        padding: 0.5em 0;
    }

    .last-item {
        margin-top: 0.5em;
    }

    .head-info p {
        margin-bottom: 1em;
    }

    .skew-space {
        width: fit-content;
        display: flex;
        align-items: center;
    }

    .skew-box {
        padding: 0.5em 1em;
    }

    .skew-box h4 {
        font-size: 1.5em;
    }

    .skew-structure {
        height: auto;
    }

    .testimonial-slider .slide-inner {
        min-height: 0;
    }

    /* Services  */
    .services-header {
        margin-top: 5em;
        padding: 5em 0;
    }

    .delivery-items {
        padding: 1em 0;
    }

    .item-box {
        height: 7em;
    }

    .item-box p {
        width: 90%;
        font-size: 1em;
    }

    .w-100{
        display:none;
    }

    .delivery-items .col {
        padding: 0.5em;
    }

    .deliver-to {
        background: none;
        padding: 2em 0;
    }

    .deliver-to h3 {
        margin-bottom: 1em;
        font-size: 1.5em;
    }

    .deliver-to img {
        padding: 0;
        margin-top: 2em;
    }

    .deliver-to .container {
        padding-left: 1em!important;
    }

    .who-info p, .who-info a {
        margin-left: 0;
    }

    .modal-header h2 {
        font-size: 1.5em;
    }

    .modal-body h3 {
        font-size: 1em;
    }

    .contact-form .form-control {
        padding: 0.5em;
        margin-bottom: 0.5em;
    }

    .contact-page {
        padding: 2em 0 0.5em;
    }

    .contact-page h2 {
        margin-bottom: 0.5em;
    }

    .contact-form {
        width: 100%;
        margin-bottom: 2em;
    }

    .reach-us {
        align-items: flex-start;
    }

    .contact-header {
        margin-top: 5em;
        padding: 5em 0;
    }

    .who-header {
        padding: 0;
    }

    .who-header .head-info {
        padding: 2em 0;
    }

    .navbar-brand {
        padding: 0;
        width: 10em;
    }

    .reach-links p {
        margin-bottom: 1em;
    }

    #map {
        height: 20em;
    }

    .testimonials h3 {
        padding: 0.5em 0 0;
        font-size: 2em;
        justify-content: start;
    }

    .testimonial-slider {
        padding: 1em 0 0;
    }

    .skew-structure {
        height: auto;
    }

    .contact-section {
        height: auto;
        background: none;
    }

    .routes {
        background: none;
    }

    .mobi-background {
        padding: 7em 0;
        height: auto;
        display: flex;
        padding: 8em 0;
    }

    .our-routes-mobi{
        background:url('/images/mobile/our-routes.jpg') no-repeat center center/cover;
        margin-bottom: 1em;
    }

    .contact-mobi{
        background:url('/images/mobile/contact-us.jpg') no-repeat center center/cover;
    }

    .navbar-nav {
        text-align: center;
    }

    .nav-item .fbook {
        display: inline-flex;
    }

    .who-img {
        background: none;
    }

    .footer {
        padding: 1em 0;
    }

    #bodyContent i {
        margin-right: 0.5em;
    }

    .gm-style .gm-style-iw {
        max-width: 20em!important;
    }

    .parcel-arrow {
        z-index: -1;
    }

    button:focus {
        outline: 0;
    }

    .slide-inner .furious {
        top: 0;
    }


}

/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px){
    .contact-section {
        height: 15em;
    }

    .testimonial-slider .slide-inner {
        min-height: 0;
        min-height: 34em;
    }

    .slide-inner .furious {
        top: 3em;
    }

    .navbar-toggler:focus {
        outline:0;
    }

    .navbar-brand {
        margin-right: 0;
        width: 11em;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding: 0;
    }

    .home-header {
        margin-top: 6em;
        padding: 5% 0 9%;
    }

    .head-info h1 {
        margin-bottom: 0.5em;
        font-size: 1.8em;
    }

    .head-info p {
        margin-bottom: 1em;
    }

    h2 {
        font-size: 1.8em;
    }

    .who-img {
        background: none;
    }

    .who-header{
        padding: 0;
    }

    .testimonials h3 {
        padding: 1em 0 0;
    }

    .testimonial-slider {
        padding: 3em 0;
    }

    .test-section p {
        font-size: 1em;
    }

    .skew-structure {
        height: auto;
    }

    .skew-box h4 {
        font-size: 1.5em;
    }

    .skew-space {
        width: 60%;
    }

    .who-info p, .who-info a {
        margin-left: 0;
    }

    /* Services  */
    .services-header, .contact-header {
        margin-top: 6em;
        padding: 8em 0;
    }

    .delivery-items {
        padding: 2em 0;
    }

    .item-box p {
        width: 90%;
        font-size: 1em;
    }

    .item-box {
        height: 6em;
    }    

    .deliver-to {
        background: none;
        padding: 2em 0 0;
    }

    .deliver-to h4 {
        width: 100%;
        padding: 0.5em 0.5em 0.5em 0;
        margin-left: 2em;
    }

    .deliver-to .card-body {
        padding-left: 0;
    }

    .footer {
        padding: 1em 0;
    }

    .deliver-to p {
        width: 100%;
    }

    .deliver-to img {
        margin-top: 2em;
        padding: 0 1em;
    }

    /* Contact  */
    .contact-page {
        padding: 2em 0;
    }

    .contact-form .form-control {
        padding: 0.5em;
        margin-bottom: 0.5em;
    }

    .contact-page h2 {
        margin-bottom: 0.5em;
    }

    #map {
        height: 20em;
    }

    .who-header .head-info {
        padding: 2em 0;
    }

    .who-header img {
        padding: 0 1em;
    }


}

@media (min-width: 992px) and (max-width: 1199px){

    .header-img {
        background-size: 50%;
    }

    .home-header {
        margin-top: 8em;
        padding: 5% 0 8%;
    }

    .who-img {
        background-size: 60%;
    }

    .head-info p {
        margin-bottom: 1em;
        line-height: 1.5;
        font-size: 0.8em;
    }

    .who-header {
        padding: 2% 0;
    }

    .head-info h1 {
        margin-bottom: 0.5em;
        font-size: 2em;
    }

    .offset-lg-7 {
        margin-left: 51%;
    }

    .testimonials h3 {
        padding: 1em 0 0;
        font-size: 2em;
    }

    .test-section p {
        font-size: 1em;
    }

    .contact-section {
        background-size: 56%;
        height: 20em;
    }

    .skew-structure {
        height: auto;
    }

    .testimonial-slider {
        padding: 2em 5em;
    }

    .skew-space {
        width: 60%;
    }

    .who-info h2 {
        margin-bottom: 0.5em;
        font-size: 2em;
    }

    /* Services  */

    .item-box {
        height: 8em;
    }

    .delivery-items {
        padding: 3em 0;
    }

    .services-header, .contact-header {
        padding: 10em 0;
    }

    .deliver-to {
        padding: 3em 0;
    }

    .deliver-to {
        background-size: 39em;
        padding: 5em 0;
    }

    .deliver-to h3 {
        margin-bottom: 1em;
        font-size: 2em;
    }

    /* Contact  */

    .contact-page {
        padding: 6em 0;
    }

    .contact-page h2 {
        margin-bottom: 1em;
    }

    #map {
        height: 25em;
    }

    .contact-form .form-control {
        padding: 0.5em;
        margin-bottom: 0.5em;
    }

    .testimonial-slider .slide-inner {
        min-height: 32em;
    }

}

/* Laptop: */
@media (min-width: 1200px) and (max-width: 1600px){
    .home-header {
        padding: 10% 0;
    }

    .who-img {
        background-size: 60%;
    }

    .who-header {
        background-position: left;
        padding: 2% 0;
    }

    .who-header .head-info {
    }

    .head-info p {
        font-size: 1em;
        margin-bottom: 1em;
    }

    .deliver-to h4 {
        width: 90%;
    }

    .deliver-to {
        background-size: contain;
    }

    .who-info {
        padding-left: 10em;
    }

    .who-info h2 {
        margin-bottom: 0.5em;
    }
}