/* New Responsive Css Start june-29-2021 */

@media(max-width:991px) {
    ul.items-list>li {
        width: 48% !important;
        margin: 0 !important;
        margin-bottom: 30px !important;
    }
    ul.items-list {
        justify-content: space-between;
    }
    .page-id-2474 .latest-projects-sec ul.items-list li:nth-child(4n+1),
    .page-id-2474 .latest-projects-sec ul.items-list li:nth-child(5n+1),
    .page-id-2474 .latest-projects-sec ul.items-list li:nth-child(6n+1),
    .page-id-2474 .latest-projects-sec ul.items-list li {
        width: 100% !important;
    }
    body:not(.page-id-2474) ul.items-list>li:nth-child(3n+1) {
        margin-left: 0 !important;
    }
    .latest-projects-sec {
        padding-left: 0;
        padding-right: 0;
    }
    
}

@media(max-width:833px) {
    .main-menus ul li a,
    .menu-bar.menu-fixed .main-menus ul li a {
        font-size: 14px;
    }
}

@media(max-width:768px) {
    .pg_Title_Wrapper {
        display: none;
    }
    /* === 05-JUNE-2021 start === */
    /* a.mobile-menu-icon::before {
        content: '';
        position: absolute;
        top: 5px;
        left: 50%;
        display: block;
        height: 1px;
        width: 90%;
        background: #057ac5;
        transform: translateX(-50%);
    }
    a.mobile-menu-icon:after {
        content: '';
        position: absolute;
        bottom: 5px;
        left: 50%;
        display: block;
        height: 1px;
        width: 90%;
        background: #057ac5;
        transform: translateX(-50%);
    } */
    
 /* === 05-JUNE-2021 end === */
}

@media(max-width:767px) {
    .banner-sec {
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        background-attachment: unset !important;
        height: 420px;
    }
    .free-estimate-left {
        padding-bottom: 20px !important;
    }
    .free_estleft {
        width: 100% !important;
    }
    ul.items-list>li {
        width: 100% !important;
    }
    .hc_mob.d-none {
        display: block;
        margin: 0;
    }
    .hc_mob a:before,
    .hc_mob a:after {
        display: none !important;
    }
    .mobile-menu-icon {
        top: 28% !important;
        margin-top: 0 !important;
        display: flex;
        justify-content: center;
        border: none;
        color: #057ac5;
        border-radius: 3px;
        /* height: 39px; */
        /* width: 50px; */
        text-transform: uppercase;
    }
    .main-header {
        border-top: 0 !important;
    }
    .header-contact a span {
        padding: 0;
        font-size: 20px;
    }
    .header-contact a {
        padding: 7px 0 10px 0;
        font-size: 20px;
        border: 0;
        border-top: 2px solid #1482c8;
        border-bottom: 2px solid #1482c8;
        background: rgb(161 205 233);
    }
    .header-contact a:hover {
        background: #057ac5;
        border: solid 2px #057ac5;
        color: #fff;
    }
    .header-contact a span {
        opacity: 1 !important;
        transition: none !important;
        transform: none !important;
    }
    .main-menus ul li a,
    .menu-bar.menu-fixed .main-menus ul li a {
        font-size: 18px;
    }
    .main-header {
        position: relative;
    }
    .mobile-menu-icon span {
        background-color: #057ac5;
        width: 26px;
        left: unset !important;
    }
    .mobile-menu-icon span.line-1 {
        top: 9px;
    }
    .mobile-menu-icon span.line-3 {
        bottom: 9px;
    }
        /* #main-header a.mobile-menu-icon:before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #78b3d8;
        position: absolute;
        top: 8px;
    }
    #main-header a.mobile-menu-icon:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #78b3d8;
        position: absolute;
        bottom: 8px;
    }  */
    #main-header a.mobile-menu-icon {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* background: dodgerblue !important; */
        width: 100%;
        padding: 10px;
        /* background: #a1cde9 !important; */
        color: #000;
        padding: 20px!important;
        /* color: #fff; */
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        border-radius: 0px;
        position: unset;
    }
    .mobile_icon_box {
        /* align-self: stretch; */
        background-color: #a1cde9;
        width: 20%;
        margin: 0px  auto;
        padding: 10px;
        display: flex;
        text-align: center;
        align-items: center;
    }
    #main-header .main-logo {
        display: flex;
        width: 50%;
        max-width: 50%;
        justify-content: center;
        /* padding: 10px 0px; */
    }
    #main-header .header-top .container{
        flex-wrap: nowrap;
        justify-content: center;  
        /* padding: 0px 15px; */
    }
}

@media(max-width:480px) {
    .pg_Title_Box {
        padding: 16px 10px;
    }
    .pg_Title_Box h1 {
        font-size: 36px;
    }
    .banner-sec {
        height: 260px !important;
    }
    .mobile_icon_box {
        width: 30%;
        margin: 0px auto;
    }
}

@media(max-width:423px) {
    .pg_Title_Box h1 {
        font-size: 34px;
    }
}

@media(max-width:402px) {
    .pg_Title_Box h1 {
        font-size: 30px;
    }
}
@media(max-width:375px) {
    .banner-sec {
        height: 220px !important;
    }
}