@media(max-width:1500px) {}

@media(max-width:1400px) {}

@media(max-width:1200px) {}

@media(max-width:1069px) {
    header .headermn {
        padding: 5px 0px;
    }
    header .headermn .navbar .navbar-brand {
        width: 8%;
    }
}

@media(max-width:991px) {
    header .navbar-nav {
        align-items: start;
    }
    header .navbar .whatsapp {
        margin-top: 15px;
    }
    #project-det .iner h3 {
        font-size: 19px;
    }
    #project-det .iner h5 {
        font-size: 16px;
    }
    #project-det .table tr td {
        font-size: 14px;
    }
    #project-det .inquiry-btn {
        padding: 7px 30px;
    }
}

@media(max-width:768px) {}

@media(max-width:643px) {}

@media(max-width:579px) {}

@media(max-width:480px) {
    header .offcanvas.offcanvas-end {
        width: 80%;
    }
    header .headermn .navbar .navbar-brand {
        width: 18%;
    }
    .sticky .headermn .navbar .navbar-brand {
        width: 19%;
    }
    header .header-top .top-info {
        text-align: center;
    }
    header .header-top .top-info li:last-child {
        display: none;
    }
    header .header-top .top-info li .mail-info {
        display: none;
    }
    header .header-top .top-info li,
    header .header-top .top-info li a {
        font-size: 11px;
        text-align: center;
        margin: auto;
    }
    header .header-top .top-info li:last-child a {
        height: 22px;
        width: 22px;
        border-radius: 50px;
        line-height: 22px;
    }
    #slider {
        max-height: 210px;
        overflow: hidden;
    }
    #about-sec {
        padding: 26px 0px;
    }
    #about-sec h1 {
        font-size: 22px;
        margin-bottom: 9px;
    }
    #about-sec .text {
        font-size: 15px;
        margin-bottom: 7px;
        text-align: justify;
    }
    #our-project {
        padding: 30px 0px;
    }
    #our-project h2 {
        line-height: 23px;
        margin-bottom: 30px;
        font-size: 24px;
    }
    #about-sec-a {
        padding: 30px 0px;
    }
    #about-sec-a h2 {
        font-size: 22px;
        margin-bottom: 13px;
    }
    #about-sec-a .content-a {
        padding: 15px;
    }
    #about-sec-a .text {
        font-size: 14px;
        margin-bottom: 15px;
        line-height: 25px;
        text-align: justify;
    }
    #about-sec-a ul li {
        font-size: 13px;
    }
    #about-sec-b {
        padding: 25px 0px;
    }
    #about-sec-b h3 {
        font-size: 21px;
    }
    #about-sec-b .text {
        font-size: 14px;
        margin: 10px 0px;
        text-align: justify;
    }
    #about-sec-b ul {
        margin-left: 10px;
    }
    #about-sec-b ul li {
        margin-bottom: 7px;
        font-size: 14px;
    }
    #gallery h2 {
        font-size: 24px;
        margin-bottom: 14px;
    }
    #gallery {
        padding: 26px 0 20px;
    }
    #gallery .img-wrapper img {
        height: 230px;
    }
    #testimonail {
        padding: 25px 0px;
    }
    #testimonail .owl-carousel .owl-item img {
        width: 30%;
    }
    #testimonail .iner {
        width: 100%;
    }
    #testimonail .iner .imgs {
        margin-bottom: 18px;
    }
    #testimonail .iner p {
        font-size: 14px;
    }
    footer {
        padding: 25px 20px 15px;
    }
    footer .row {
        row-gap: 16px;
    }
    footer .footer-top h3,
    footer .footer-top h3 a {
        margin-bottom: 13px;
    }
    footer .footer-top .text {
        font-size: 14px;
        width: 100%;
        margin-bottom: 15px;
    }
    footer .footer-top .icon li a {
        width: 30px;
        height: 30px;
        line-height: 32px;
        font-size: 13px;
    }
    #iner-about-sec {
        padding: 30px 0px;
    }
    #iner-about-sec h1 {
        font-size: 24px;
    }
    #iner-about-sec h2 {
        font-size: 24px;
    }
    #iner-about-sec p,
    #iner-about-sec p a {
        font-size: 14px;
    }
    #contact-sec {
        padding: 30px 0px;
    }
    #contact-sec ul {
        margin-left: 0px;
    }
    #contact-sec ul li {
        font-size: 14px;
    }
    #contact-sec .submit-btn {
        padding: 7px 30px;
    }
    #map-sec {
        padding: 30px 0px;
    }
    #map-sec iframe {
        height: 200px !important;
    }
    #project-det {
        padding: 26px 0px;
    }
    #project-det .content h2 {
        font-size: 23px;
        margin-bottom: 10px;
    }
    #project-det .content .text {
        text-align: justify;
    }
    #project-det-con {
        padding: 25px 0px;
    }
    #project-det-con h2 {
        font-size: 22px;
        margin-bottom: 13px;
    }
    #project-det-con ul {
        margin-left: 30px;
    }
    #project-det-con ul li {
        font-size: 14px;
    }
    #project-det-con h3 {
        font-size: 19px;
        margin-bottom: 13px;
    }
    #blog-sec {
        padding: 25px 0px;
    }
    #blog-sec .iner .content h3 {
        font-size: 18px;
    }
    #blog-sec .iner .content .read-btn {
        padding: 7px 13px;
        font-size: 15px;
    }
    #blog-det {
        padding: 25px 0px;
    }
    #blog-det .content {
        margin-top: 15px;
    }
    #blog-det .content .text {
        font-size: 14px;
        text-align: justify;
        color: #000;
    }
    #blog-det .content h2 {
        font-size: 24px;
        font-weight: 600;
        margin: 10px 0px;
    }
    #blog-det .content h3 {
        font-size: 18px;
        font-weight: 600;
        margin: 10px 0px;
    }
    #blog-det .inr {
        position: sticky;
        top: 20px;
    }
    #blog-det .inr h4 {
        font-size: 20px;
        position: relative;
    }
    #blog-det .inr h4::before {
        position: absolute;
        width: 30px;
        height: 4px;
        background-color: #3d0c0b;
        top: 30px;
        content: '';
    }
    #blog-det .inr ul {
        margin-top: 30px;
    }
    #blog-det .inr ul li {
        margin-bottom: 15px;
        border-bottom: 1PX solid #c7c5c5;
        padding-bottom: 15px;
    }
}

@media(max-width:400px) {}

@media(max-width:359px) {}