@media screen and (max-width: 1280px) {

    .home-banner .banner-content .banner-heading h1 {
        font-size: 46px !important;
    }
    .home-banner .banner-content .banner-heading h2 {
        font-size: 70px !important;
    }
    .home-banner .banner-content .elementor-element-757a291 {
        width: 700px !important;
    }
}


@media screen and (max-width: 1160px) {

    .header-section .right-block .header-social-icon .e-font-icon-svg {
        width: 30px !important;
    }
    .header-section .left-block img {
        width: 320px !important;
    }
    .header-section .top-bar .center-block .inner-center-block {
        grid-template-columns: 110px 260px 180px;
    }
    .home-banner .banner-content .banner-heading h3{
        font-size: 20px !important;
        line-height: 30px !important;
    }
}


@media screen and (max-width: 1120px) {

    .vision-img img {
        width: 380px !important;
        height: 480px !important;
    }
    .shade-behind:before {
        width: 420px !important;
        height: 480px !important;
    }
    .vision-img{
        padding: 35px 0 0 35px !important;
    }
}


@media screen and (max-width: 1060px) {

    .header-section .top-bar .center-block .inner-center-block {
        grid-template-columns: 105px 250px 180px;
    }
    .header-section .left-block img {
        width: 300px !important;
    }
}


@media screen and (max-width: 1024px) {
 
    .banner-section .banner-img img {
        height: 500px !important;
    }
    .banner-section .banner-content {
        bottom: 60px !important;
    }
    .our-service-section .col-sm-6 {
        flex: 0 0 33.33% !important;
        max-width: 50% !important;
    }
    .our-service-section .row {
        gap: 100px !important;
    }
    .vision-img{
        padding: 0 !important
    }
    .shade-behind:before {
       display: none !important;
    }
    .home-banner .banner-content .elementor-element-757a291 {
        width: 550px !important;
    }
    .home-banner .banner-content .banner-heading h1 {
        font-size: 40px !important;
    }
    .home-banner .banner-content .banner-heading h2 {
        font-size: 60px !important;
    }
    .home-banner .banner-content .banner-heading h3 {
        font-size: 17px !important;
        line-height: 22px !important;
    }
    .header-section .top-bar .left-block {
        width: 100% !important;
    }
    .header-section  .center-block {
        display: none !important;
    }
    .header-section  .right-block{
        display: none !important;
    }
    .elementor-menu-toggle {
        background-color: transparent !important;
        margin-right: 0 !important;
    }
    .elementor-menu-toggle .e-font-icon-svg {
        fill: #000 !important;
        width: 25px !important;
        height: 25px !important;
    }
    .header-top-menu {
        display: block !important;
    }
    .bottom-bar {
        display: none !important;
    }
    .top-bar {
        padding: 30px 10px !important;
    }
    .header-top-menu .menu-item a.elementor-item {
        justify-content: center !important;
    }
    .footer-menu .menu-item a {
        justify-content: center !important;
    }
    .info-text {
        font-size: 18px !important;
        margin-bottom: 0 !important;
        line-height: 22px;
    }
}


@media screen and (max-width: 767px) {
 
    .banner-section .banner-img img {
        height: 400px !important;
    }
    .our-service-section .row {
        gap: 100px 40px !important;
    }
    .header-section .top-bar .left-block {
        width: auto !important;
    } 
    .header-top-menu {
        width: auto !important;
    }
    .header-section .left-block img {
        width: 260px !important;
    }
    .home-banner img {
        height: 450px !important;
    }
    .home-banner .banner-content .elementor-element-757a291 {
        width: 450px !important;
    }
    .home-banner .banner-content .banner-heading h1 {
        font-size: 36px !important;
    }
    .home-banner .banner-content .banner-heading h2 {
        font-size: 46px !important;
    }
    .home-banner .banner-content .banner-heading h3 {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    .info-text{
        font-size: 17px !important;
    }
}


@media screen and (max-width: 660px) {

     .our-service-section .row {
        gap: 20px !important;
    }
    .our-service-section .col-sm-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}


@media screen and (max-width: 660px) {

    .our-service-section h4 {
        font-size: 26px !important;
    }
}



@media screen and (max-width: 567px) {

    .home-banner img {
        height: 400px !important;
    }
    .home-banner .banner-content .elementor-element-757a291 {
        width: 315px !important;
    }
    .home-banner .banner-content .banner-heading h2 {
        font-size: 44px !important;
        line-height: 46px !important;
    }
    .home-banner .banner-content .banner-heading h1 {
        font-size: 34px !important;
    }
    .home-banner .banner-content .banner-heading h3 {
        font-size: 14px !important;
        line-height: 18px !important;
    }
     .banner-section .banner-img img {
        height: 350px !important;
    }
}