﻿/* ==== Media Queries ===== */

@media (max-width:1280px) {}

@media (max-width:1024px) {
    .hl-box p {
        width: 90%;
    }
    .services.row2 .service-box p {
        width: 80%;
    }

@media (max-width:991px) {
    body, html {
        overflow-x: hidden;
    }
    .services.row1 .service-box p {
        width: 90%;
    }
    .services.row1 .service-box {
        width: 24%;
    }

    .services.row2 .service-box {
        width: 24%;
        margin-bottom: 25px;
    }
    .hl-box br {
        display: none;
    }

    .hl-box {
        margin-bottom: 30px;
    }
    .adv-box span {
        font-size: 20px;
        display: block !important;
        text-align: center;
    }
    .inncd {
        padding-left: 0;
    }
    .inncd ul li a {
        font-size:14px;
    }



    }


    @media (max-width:767px) {
        .about-banner .caption {
            top: 10px;
            right: 20px;
        }

        .about-banner .caption h2 {
            font-size: 36px;
        }
        .services.row1 .service-box {
            width: 40%;
            margin-bottom: 25px;
        }
        .services.row1 {
            padding: 25px 0 0 0;
        }
        .services.row2 .service-box {
            width: 40%;
            margin-bottom: 25px;
        }
        p.git-strip {
            padding: 15px;
        }
        .b-heading {
            font-size:22px;
        }
        p.address {
            font-size:14px;
        }
        .inncd.r-border:after {
            display:none;
        }
        .inncd, .inncd h3 {
            text-align:center;
        }
        .map {
            margin: 15px 0;
        }
        .contact-details {
            padding:0px;
        }
        .address-box p {
            text-align: center;
        }
        .address-box p span {
            display: block;
        }
        section.contactus-section p, .address-box p {
            font-size: 14px;
        }
    }

@media (max-width:480px) {
    .services.row1 .service-box, .services.row2 .service-box {
        width: 80%;
        margin-bottom: 25px;
    }
}

@media (max-width:360px) {}
