@media (max-width: 1366px){
    .gravelDelivery .container-fluid{
        padding-left: calc((100% - 1120px)/ 2 + 15px);
    }
}
@media(max-width:1299px){
    .side::after {
        width: 25%;
    }
}
@media(max-width:1199px){
    .side::after {
        width: 22%;
    }
    .count-panel {
        padding: 70px 0px 45px;
    }
    .section-heading h1, .section-heading h2, .section-heading h3 {
        font-size: 45px;
    }
    .sendMessageBox .section-heading h2,
    .section-heading h1, .section-heading h2, .section-heading h3{
        font-size: 37px;
    }
    .imageText span {
        font-size: 150px;
    }
    .serviceText {
        width: 95%;
    }
    .grabLoriHire .container-fluid {
        padding-left: calc((100% - 960px)/ 2 + 15px);
    }
    .header_contact {
        padding-left: 5rem;
        padding-right: 4rem;
    }
    .header_contact li a img {
        width: 25px;
        height: 25px;
    }
    .accordion-button, .accordion-button:not(.collapsed){
        font-size: 20px;
    }
    .sub-Banner, .sub-Banner .bannerImage {
        height: 450px;
    }
    .contactPage .row .col-lg-4 .contact-details-box {
        padding: 25px 20px;
    }
}
@media(max-width:1024px){
    .side::after {
        width: 17%;
    }
    nav .header_menu {
        padding-left: 8rem;
    }
}
@media (min-width:992px){
    .btnMobile,
    .mobileMenu{
        display: none;
    }
    
}
@media (max-width:991px){
    .dropdown-menu {
        background-color: #e6e6e6c9;
    }
    .side{
        display: none;
    }
    .headerInner {
       justify-content: space-between;
        padding: 10px 25px;
    }
    .logo_header {
        width: 30%;
    }
    .mobileMenu ul li a{
        color: var(--primaryColor);
        font-weight: 500;
        /* text-transform: capitalize; */
        font-family: var(--primaryFont);
    }
    .dropdownBtn::after {
        color: var(--primaryColor);
    }
    .bannerText span{
        font-size: 18px;
    }
    .bannerText h1{
        font-size: 40px;
    }
    .bannerImage, .banner{
        height: 500px;
    }
    .years {
        position: relative;
        top: 0;
        width: 85%;
        /* filter: drop-shadow(5px 5px 8px #cacaca); */
        padding-top: 3rem;
        margin-top: 30px;
    }
    .chooseBox, .chooseBox img {
        height: 300px;
    }
    .whyChoooseUS::before {
        width: 100%;
    }
    .sendMessageBox .section-heading h2, .section-heading h1, .section-heading h2, .section-heading h3 {
        font-size: 30px;
    }
    .sendMessageBox {
        padding: 35px 20px;
    }
    .sendMessageBox .section-heading h2, .section-heading h1, .section-heading h2, .section-heading h3 {
        font-size: 25px;
    }
    .submitSec {
        flex-wrap: wrap;
        gap: 10px;
    }
    .chooseBox img {
        object-position: 10% 50%;
    }
    .overlayBoxSlider {
        padding: 30px 10px;
    }
    .count-panel {
        padding: 50px 0px 30px;
    }
    .sub-Banner, .sub-Banner .bannerImage {
        height: 300px;
    }
    .serviceInner .row,
    .serviceInnerServ .row{
        justify-content: center;
    }
    .grabLoriHire .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
    p{
        font-size: 18px;
    }
    .contactPage .row .col-lg-4:nth-child(2) .contact-details-box {
        border-left: none;
        border-right: none;
    }
    .contactPage .row .col-lg-4 .contact-details-box {
        padding: 0 0;
    }
    .accordion-item {
        padding: 1rem 2rem;
    }
}
@media (max-width:767px){
    .projectImageBox {
        width: 50%;
    }
    .bannerText h1 {
        font-size: 30px;
    }
    .bannerImage, .banner {
        height: 400px;
    }
    .bannerText p {
        font-size: 14px;
    }
    .years {
        width: 55%;
        margin: 20px auto 0;
    }
    .sub-Banner, .sub-Banner .bannerImage {
        height: 250px;
    }
    .bannerText {
        width: 95%;
    }
    .secBtn a{
        font-size: 14px;
    }
    .green_heading P, .SimpleHead p{
        font-size: 19px;
    }
    .serviceInnerServ .px-5{
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .section-heading p{
        font-size: 1rem;
    }
    .powerd img {
        width: 200px;
    }
}
@media (max-width:540px){
    .section-heading p{
        font-size: 0.9rem;
    }
    .paratext p{
        font-size: 15px;
    }
    .logo_header {
        width: 40%;
    }
    .breadcrumb li, .breadcrumb li a, .breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item.active {
        font-size: 14px;
    }
    .bannerText h1 {
        font-size: 25px;
    }
    .bannerText span {
        font-size: 16px;
    }
    .bannerText h1 {
        font-size: 22px;
    }
    .bannerText p {
        font-size: 13px;
    }
    .processSec .paratext p{
        margin-bottom: 0;
    }
    .accordion-button, .accordion-button:not(.collapsed) {
        font-size: 18px;
        text-align: center;
    }
    .accordion-item {
        padding: 1rem 1rem;
    }
    .accordion-body {
        padding: 0.7rem 0;
    }
    .accordion-body p{
        font-size: 16px;
    }
    .accordion-button {
        padding: 0.7rem 2rem 0.7rem 1rem!important;
    }
    .section-heading span{
        font-size: 15px;
        line-height: 1.2;
    }
}