@media only screen and (max-width:1600px) {
    
}
@media only screen and (max-width:1399px) {
    .navigation .nav-item { padding: 0 25px}
    .service-content-main { padding: 10px 0;}
    .box-heading { padding-bottom: 10px; font-size: 26px;}
    .contact .row {
        padding: 40px 0;
    }

    .help-info {
        
        bottom: -177px;
       
    }
    .usp-content ul li {padding: 0 55px}
    .dropdown-nav:after {
        right: 20px;
    
}
.boxes-wrap ul li .box { height: 350px;}
}
@media only screen and (max-width:1200px) {
    .navigation:before { right:34.9%}
    .hero-text-cont { margin-left: 40px;}
    .hero-mask-img {
        bottom: -1px;
    }
    .hero-text-cont p { padding: 10px 0;}
    .service-content h2,.our-work-process h2,.projects-cont h2 { max-width: none; font-size: 55px;}
    .projects-cont h2 br { display: none;}
    .help-info {
        bottom: -207px;
    }

}

@media only screen and (max-width:1024px) {
    .navigation .nav-item {
        padding: 0 18px;
    }
    .navigation:after { width: 30.1%;}
    .navigation:before { right: 30%; }
    .hero-text-cont {margin-left: 75px;}
    .usp-content ul li {
        padding: 0 32px;
    }
    .hero h1 { font-size: 50px;}
    .hero .home-banner h2 { font-size: 50px;}
    .yellow-bg-cont { padding: 10px;}
    .yellow-bg-cont ul li span { width: 12%;}
    .yellow-bg-cont .heading {
        font-size: 20px;
        padding-bottom: 10px;
    }
    .yellow-bg-cont .info {
        font-size: 15px;
    }
    .why-choose h2,.service-content h2 {max-width: none; font-size: 45px;}
    .box-heading {
        padding-bottom: 10px;
        font-size: 20px;
    }
    .service-content {
        width: 100%;
        position: absolute;
        top: 45%;
        transform: translateY(-40%);
    }
    .service-content h2, .our-work-process h2, .projects-cont h2 {
        max-width: none;
        font-size: 45px;
    }
    .step-head { font-size: 25px; padding-bottom: 20px;}
    .round-block-step-wrap ul li:first-child .round-block-wrap:after {
        top: 95px;
        right: -14px;
    }
    .round-block-step-wrap ul li:nth-child(2) .round-block-wrap:after {
        top: -2px;
        transform: rotate(-10deg);
        right: -20px;
    }
    .round-block-step-wrap ul li:nth-child(3) .round-block-wrap:after {
        top: 59px;
        transform: rotate(29deg);
        right: -7%;
    }
    .location-cont-link ul { grid-template-columns: repeat(2,1fr);}
 
}
@media only screen and (min-width:992px) {
    .dropdown-nav:hover > .dropdown-menu-nav {display: block;}
}

@media only screen and (max-width: 991px) {
    header{ background: #fff; padding-bottom: 30px;}
    .navbar-brand{ width: auto; }
    .navbar-toggler { margin-left: auto; background:#b0e0e6;}

    .navbar-expand-lg .navbar-nav:before { display: none;}
    .navbar-expand-lg .navbar-nav { padding: 15px;}
    .navbar-expand-lg .navbar-nav .nav-item {
        padding: 5px 0;
        text-align: left;
        width: 100%;
    }
    .dropdown-nav {position: relative;}
    .dropdown .dropdown-menu.active { display: block;background:#ffc000;}
    .submenu-button {display: block}
    .submenu-button:after {content: "\f055"; font-family: 'FontAwesome'; display: block;}
    .dropdown ul.sub-menu {position: static;width: 100%; background: #196505;}
    .dropdown-menu-nav.active {
        display: block;
        width: 100%;
        position: static;
    }
    .submenu-button.icon-change:after {
        content: "\f056";
        font-family: 'FontAwesome';
    }
    .dropdown-toggle::after { display: none;}
    .dropdown-nav:after { display: none;}


    .top-header { display: none;}
    .navigation .navbar-brand {
        display: block;
    }
    [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { position: relative; z-index: 999;}
    .navbar-toggler { background: #a47e1b;}
    .navbar-expand-lg .navbar-nav {flex-direction: column;max-width: 50%;}
    .hero-mask-img { display: none;}
    .hero-text-cont {margin-left: 0;}
    header { padding-bottom: 0;}
    .hero h1 {
        font-size: 46px;
    } 
    .hero .home-banner h1 {
        font-size: 46px;
    }

    .c-header-search-form { top: -8px;}
    .why-choose-content { flex-direction: column;}
    .yellow-bg-cont {
        padding: 30px;
    }
    .yellow-bg-cont ul li span {
        width: 20%;
    }
    .yellow-bg-cont .heading {
        font-size: 25px;
        padding-bottom: 20px;
    }
    .yellow-bg-cont .info {
        font-size: 15px;
    }
    .video-pic { margin: 0;}
    .video-wrap { left: 50%; transform: translate(-50%,-50%);}

    .service-content {
        width: 100%;
        position: relative;
        margin-top: -60%;
        transform: translateY(0);
    }

    .service-content-main .row .col-md-12:nth-child(2) .service-box,.service-content-main .row .col-md-12:last-child .service-box {
        box-shadow: 0 0 10px #bbb;
        margin-bottom: 20px;
    }
    .box-arrow a {
        margin-left: 91%;
        top: -40px;
    }
    .round-block-step-wrap {
        margin-top: 50px;
    }
    .round-block-step-wrap ul {
        flex-direction: column;
    }
    .round-block-step-wrap ul li {
        max-width: none;
    }
    .service-content h2, .our-work-process h2, .projects-cont h2 {
        max-width: none;
        font-size: 34px;
    }
    .round-block-step-wrap ul li:first-child .round-block-wrap:after {
        top: inherit;
        right: 50%;
        transform: rotate(104deg);
        bottom: -190px;
        opacity: 0.5;
    }
    .round-block-step-wrap ul li:nth-child(2) .round-block-wrap:after {
        top: inherit;
        transform: rotate(107deg);
        right: 50%;
        bottom: -105px;
        opacity: 0.5;
    }
    .round-block-step-wrap ul li:nth-child(3) .round-block-wrap:after {
        top: inherit;
        transform: rotate(107deg);
        right: 50%;
        bottom: -188px;
        opacity: 0.5;
    }

    .help-info {
        bottom: 0;
    }

    .contact {
        padding: 75px 0 0;
    }
    .usp-content ul li { padding: 0 6px;}
    .hero { margin-bottom: 30px;}
    .colored-btn { max-width: 188px;}
    .welcome-text-cont .colored-btn { max-width: 206px;}

    /********** Inner page**********/
    .journey-cont,.expert-cont { height: 100%;}
    .expert-pic-info {
        padding: 0;
    }
    .journey-pic-info {
        padding: 30px 0;
    }
    .journey,.expert {
        padding: 25px 0;
    }
    .boxes-wrap ul { flex-direction: column;}
    .boxes-wrap ul li .box { min-height: auto; height: auto;}
    .about-top-cont .colored-btn { max-width: 210px;}
    .about-top-cont { padding-bottom: 20px;}
    .service-content .colored-btn{ max-width: 270px;}

    .canopy-info-cont {position: relative;transform: none;margin-top: -540px;}
    .canopy-info { background:#321c04}
    .shelving .colored-btn { max-width: 213px;}
    .contact-info { padding-left: 10%;}
    .shelving-pic-content { position: relative; transform: none; margin-top: -750px;}
    .shelving-bottom { background: #9a7115;}
    .fan-service-box { margin-bottom: 20px;}
    .grease .colored-btn-wrap ,.canopy .colored-btn-wrap  { max-width: 208px;}
    .project-inner {background: #2b2004;}
    .project-inner-cont {top: 0; transform: none; position: relative; margin-top: -1200px;}
    h2 { font-size: 44px;}

 
}



@media only screen and (max-width:767px) {
    .hero h1 {
        font-size: 36px;
        margin: 20px 0;
    } 
    .hero .home-banner h2 {
        font-size: 36px;
        margin: 20px 0;
    }

    .hero-text-cont p { display: none;}
    .service-content .colored-btn {
        max-width: 266px;
    }
    h2 { font-size: 32px;}
    .colored-btn {max-width: 235px;}
    .hero-text-cont::before { display: none;}
    .usp-content ul {
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(3,1fr);
        gap: 20px;
    }

    .yellow-bg-wrap {
        position: relative;
        max-width: none;
    }
    .yellow-bg-section { height: 1000px;}
    .yellow-bg-section img { height: 100%; object-fit: cover;}
    .round-block-step-wrap ul li:first-child .round-block-wrap:after { bottom: -165px;}
    .round-block-step-wrap ul li:nth-child(3) .round-block-wrap:after{ bottom: -148px;}
    .project-inner-cont { margin-top: -920px;}
    .get-info-cont ul li a { font-size: 15px;}
}

@media only screen and (max-width:575px) {
    .testimonial {
        position: relative;
        padding-top: 25px;
    }
    .service-content h2, .our-work-process h2, .projects-cont h2 {
        max-width: none;
        font-size: 28px;
    }
    .contact-info {
        padding-left: 15px;
    }
    .box-arrow a {
        margin-left: 79%;
        top: -40px;
    }
    body .contact { padding: 0;}
    body .bg-yellow .contact-info { padding: 10px;}
    .map { padding: 10px;}
    .location-cont-link ul { grid-template-columns: repeat(1,1fr);}
    .location-txt h1 {font-size: 18px;} 
    .shelving-info-block .text-start{ padding:10px; background:rgba(0,0,0,.7); margin-bottom: 20px;}
    
}

@media only screen and (max-width:480px) {
    .navigation .navbar-brand { width: 30%;}
    .hero h1 {
        font-size: 25px;
        margin: 10px 0;
    }
    .hero .home-banner h2 {
        font-size: 25px;
        margin: 10px 0;
    }
    .usp {
        padding: 25px 0;
    }
    .book-now .colored-btn { max-width: 188px;}
    .navigation:before {
        right: 29.8%;
    }
    .usp-content ul {
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }
    .hero-text-cont {
        position: relative;
        padding: 10px;
        color: #fff;
    }
    .why-choose h2, .service-content h2 {
        max-width: none;
        font-size: 32px;
    }
    .welcome-icon-text ul { flex-direction: column;}
    .yellow-bg-cont ul li {
        display: flex;
        align-items: start;
    }
    .yellow-bg-cont .heading {
        font-size: 16px;
        padding-bottom: 20px;
    }
    .yellow-bg-cont ul li {
        display: flex;
        align-items: start;
    }
    .yellow-bg-cont .heading {
        font-size: 20px;
        padding-bottom: 15px;
    }
    .yellow-bg-section {
        height: 1150px;
    }
    .projects-pic-wrap ul { margin-top: 20px;}
    .service-content h2, .our-work-process h2, .projects-cont h2 {
        max-width: none;
        font-size: 24px;
    }
    .inner-hero-text-wrap { top: 20%; transform: translateY(-20%);}

    .line-box-wrap { flex-direction: column;}
    .line-box-wrap .line-box { max-width: none; height: 100%;}
    .line-box-wrap .line-box {margin-bottom: 10px;}
    .line-box-wrap .line-box:last-child { margin-top: 0; margin-bottom: 40px;}
    .application-box { margin-bottom: 20px;}
    .yellow-line-box { margin-bottom: 80px;}
    .project-inner-cont { margin-top: 280px;}
    .get-info-cont ul { flex-direction: column;}
    .get-info-cont ul li { border-bottom: 1px solid #926c15; border-right: none;}
    .location-txt h1 { font-size: 15px;}
   

    
}

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

}