@media screen {
    html {
        margin-top: 32px !important;
    }
}

/* min 991px  */

@media screen and (min-width: 991px) {
    .why-us-text-sec {
        margin-left: 100px;
    }

    .even-list, .single-product-left ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px 40px;
        list-style-type: disc;
        padding-left: 20px;
    }
    
    #mmenu {
        display: none;
    }

    .mm-page {
        min-height: 0px;
    }

    .h-lg-513 {
        height: 513px !important;
    }

    .ps-lg-30 {
        padding-left: 30px !important;
    }

    .mx-lg-80 {
        max-width: 80% !important;
    }

    .aim-card {
        margin: 0px 20px;
    }

    .client-card {
        margin: 12px !important;
        min-height: 296px;
    }

    .blog-inner-img {
        height: 300px;
        width: 100%;
        object-fit: cover;
    }

    .cr-card-container {
        padding: 40px 20px;
    }

    .cr-middle-img {
        height: 580px;
        object-fit: cover;
    }

    .text-lg-justify {
        text-align: justify !important;
    }

    .col-2-20 .col-lg-2 {
        width: 20% !important;
    }

    .nabl-tab .nav-link {
        width: 25% !important;
    }
}

/* max width  991*/
@media screen and (max-width: 991px) {

    .top-header,
    .desktop-menu {
        display: none;
    }

    .logo img {
        width: 130px;
    }

    #humBurger {
        display: block !important;
        float: right;
        cursor: pointer;
    }

    .blog-card {
        margin-bottom: 24px !important;
    }


}

/* max 567px  */
@media screen and (max-width: 567px) {
    .title {
        font-size: 22px;
    }

    .about-card {
        padding: 30px 15px;
    }

    .about-us {
        padding: 30px 0px;
    }

    .b-cum-title {
        font-size: 22px;
    }

    .gallery-page-sec {
        grid-template-columns: repeat(2, 1fr);
        /* 2 columns on mobile */
    }
	.home-sub .wpcf7-form-control.wpcf7-submit{
		margin-top: 12px !important;
		border-radius: 30px;
	} 
}

/* for container */
@media screen and (min-width: 1367px) {
    .container {
        max-width: 1400px !important;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1367px) {
    .container {
        max-width: 1300px !important;
    }
}