@media screen and (max-width:1200px) {
    .page_padding {
        padding-top: 65px
    }
}

@media screen and (max-width:1024px) {
    .potential-section {
        background-size: 90%
    }
}

@media screen and (max-width:992px) {
    h1 {
        font-size: 6.5vw
    }

    .philosophy-section .container {
        max-width: 100%
    }

    .usp-section .usp-content ul li {
        width: 31%
    }

    .pagelinks-section .pagelinks-main .pagelinks-main_ul .pagelinks-main_ul_li {
        width: 33%
    }
}

@media screen and (max-width:767px) {
    .footer .footer-logo {
        margin-bottom: 0
    }

    .footer .footer-logo img {
        height: 50px;
    }

    .enquiry-form form {
        flex-direction: column;
        padding: 1rem !important;
    }

    .enquiry-form form .form-enquire {
        width: 100%;
    }

    .usp-section .usp-content ul li {
        width: 47%
    }

    .pagelinks-section {
        padding: 2rem 0 2rem 0
    }

    .enquiry-form form input,.enquiry-form form textarea,.enquiry-form form select, .enquiry-form form option {
        font-size: 1rem;
    }

    .footer .footer-absbranding {
        display: block
    }

    
    p,
    a,
    ul li {
        font-size: 15px
    }

    h1 {
        font-size: 8.5vw
    }

    .pagelinks-section .pagelink-brnd {
        width: 21%
    }

    .potential-section .row,
    .awards-section .row {
        flex-direction: column-reverse
    }

    .work-section,
    .awards-section {
        background-position: top right;
        background-size: 90%
    }

    .work-section {
        background-position: top left
    }

    .ma_future-section .ma_future-brd {
        width: 20%;
        left: auto;
        right: 0
    }

    .intro_video-section .intro-heading h1 {
        font-size: 30px;
    }


    .enquiry-form-sec {
        padding-top: 0;
        background-position: center;
        background-size: contain
    }

    .enquiry-image img {
        aspect-ratio: 1
    }

    .enquirynow-page {
        padding-top: 90px
    }

    .potential-section {
        background-size: cover
    }

    .channels-slider .channels-heading h1 {
        font-size: 3rem
    }

    .back_image-bg,
    .fashion1-intro {
        background-position: 82%
    }

    .keyfacts-section .swiper-button-prev:after,
    .keyfacts-section .swiper-button-next:after {
        transform: scale(.5)
    }

    .footer .container-fluid {
        padding: 0 1rem !important;
    }
}

@media screen and (max-width:576px) {
    h1 {
        font-size: 10vw
    }

    .channels-grid-row {
        display: none
    }

    .channels-row {
        display: block
    }

    .philosophy-section .philosophy-card .phil_content h4::after,
    .philosophy-section .philosophy-card .phil_content h4::before,
    .philosophy-section .philosophy-card .phil_content::before {
        width: 100%;
        left: 0
    }

    .pagelinks-section .pagelinks-main .pagelinks-main_ul .pagelinks-main_ul_li {
        width: 49%
    }

    .enquiry-form-sec {
        background-size: 100%
    }

    .pc_innerdiv .pc_logo {
        width: 100px
    }

    .head_links {
        top: 71px;
        height: calc(100vh - 71px)
    }

    .footer .footer-side3 {
        flex-direction: column
    }

    .work-section {
        background-position: 31%;
        background-size: cover;
        background-attachment: fixed
    }

    .features-section,
    .awards-section {
        background-size: cover;
        background-attachment: fixed
    }

    .common-brnd::after {
        width: 40px;
        height: 40px
    }

    .common-brnd {
        position: absolute;
        width: 95px;
        right: 10%;
        top: -40px
    }

    .features-heading h1 {
        font-size: 1.4rem;
    }

    .kk-awards {
        background-position: 11%
    }

    .kk-works {
        background-position: 58%
    }

    .features-section .features-content .features-slide .features-swipe video {
        height: 300px
    }

    .features-section .features-content .features-slide .features-para {
        padding: 1rem 0;
        width: 100%
    }

    .features-section .features-content .features-slide .features-para h4 {
        font-size: 1.5rem
    }

    .philosophy-section {
        overflow: hidden
    }

    .philosophy-section .d-grid-even {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr)
    }

    .philosophy-section .d-grid-even .element.r-corner .wrap,
    .philosophy-section .d-grid-even .element.l-corner .wrap {
        border-left: 1px solid #b48720;
        border-right: 1px solid #b48720
    }

    .philosophy-section .d-grid-even .element.grid_ele_img3 {
        grid-row: 5
    }

    .philosophy-section .d-grid-even .element.grid_ele_img1 .wrap {
        border-left: none;
        border-right: none
    }

    .philosophy-section .d-grid-even .element .wrap img {
        padding: .5rem
    }

    .philosophy-section .d-grid-even .element .wrap {
        padding: 0
    }

    .philosophy-section .d-grid-even .element.grid_ele_img2 {
        grid-row: 3
    }

    .philosophy-section .d-grid-even .element.grid_ele_img1 {
        grid-column: 1;
        grid-row: 1
    }
}

@media screen and (max-width:425px) {
    h1 {
        font-size: 12vw
    }

    .pagelinks-section .pagelinks-main .pagelinks-main_ul .pagelinks-main_ul_li::before {
        display: block
    }

    .pagelinks-section .pagelinks-main .pagelinks-main_ul .pagelinks-main_ul_li {
        padding: .1rem 1rem;
        width: 80%
    }

    .page_padding {
        padding-top: 75px
    }

    .usp-section .usp-content ul,
    .footer .footer-side2 .footer-pages-links ul,
    .pagelinks-section .pagelinks-main .pagelinks-main_ul {
        flex-direction: column
    }

    .usp-section .usp-content ul li,
    .download-section .download-card {
        width: 100%
    }

    .download-section h1 {
        text-align: center
    }

    .enquiry-form form {
        padding: .5rem
    }

    .enquirynow-page {
        padding-top: 70px
    }

    .enquiry-form-sec h1 {
        padding-bottom: 1rem;
        font-size: 1.8rem;
    }

    .pagelinks-section .pagelink-brnd {
        width: 35%;
        left: 0;
        right: auto
    }

    .intro_video-section .intro-heading {
        left: 5%
    }

    .philosophy-section .d-grid-even .element .title h4,
    .prospective-section .prospective-content .accordion-button span {
        font-size: 1.5rem
    }

    .intro_video-section .intro-heading h1 {
        font-size: 35px;
    }

    .keyfacts-section .swiper-button-next,
    .keyfacts-section .swiper-button-prev {
        top: 1rem
    }

    .keyfacts-section .swiper-button-next {
        right: 1%
    }
}

@media screen and (max-width:375px) {
    h1 {
        font-size: 13vw
    }
}