@charset "utf-8";

/*------------------------------------------------------------------------------------------------------
* Project    :  Della Marine Services                                      
* Author     :  Piyush Tapaniya | +91 83060 05795
* Version    :  1.0
*------------------------------------------------------------------------------------------------------- 
NOTE: This is the main stylesheet of the template, This file contains the styling for the actual Template
------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1600px) {}

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 991px) {
    .nav-logo {
        font-size: 18px;
        max-width: 190px;
    }
    .about-area .about-image .overlay-image {
        display: none;
    }
    .mobile-banner {
        display: block !important;
    }
    .desktop-banner {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .contact-info-block {
        margin-left: 0;
    }
    .contact-info-content a,
    .footer-top .links-widget .links-list li a {
        word-break: break-all;
    }
    .footer-right-column {
        grid-template-columns: repeat(1, 1fr);
    }
    .book-now-btn button {
        width: 100%;
        margin-bottom: 30px;
    }
    .bottom-inner {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }
    .bottomQuick {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 550px) {
    .nav-logo {
        font-size: 15px;
        max-width: 170px;
    }
    .services-item {
        height: 360px;
    }
}