/*@media only screen and (max-width: 1900px) {
    .container {
        width: 100%;
        display: block;
        margin: auto;
    }

.construction {
    width: 100%;
    float: left;
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 30px;
    height:150px;
}
.construction p {
    width: 100%;
    float: left;
    font-size:15px;
    color: #000;
    height:50px;
}

.construction:hover.construction p{width:100%;float:left;font-size:15px;color:#fff;}

.construction h2 {
    float: left;
    margin-top: 12px;
    margin-bottom: 0px;
    font-size:15px;
    color: #000;
    text-transform: uppercase;
}

.construction:hover.construction h2{float:left;margin-top:0px;margin-bottom:0px;font-size:15px;color:#fff;}

.view_all a {
    display: inline-block;
    background: #fff;
    padding: 10px 40px;
    border-radius: 45px;
    color: #ccc;
    font-size:15px;
    color: #070935;
    text-decoration: none;
}*/


}

@media only screen and (max-width:1025px) {
    .container {
        width: 94%;
        margin: 0 3%;
    }


}


@media only screen and (max-width: 979px) {
    .container {
        width: 93%;
        margin: 0 3%;
    }

.top_header_content {
    width: 100%;
    text-align: center;
    position: static;
    top: 0px;
    left: 0px;
    margin-bottom:40px;
}
.mid {
    width: 100%;
    height:auto !important;
}
.top_header_content figure {
    display: inline-block;
    width: 317px;
    margin-top: 46px;
}
footer {
    width: 100%;
    position: static;
    bottom: 30px;
    left: 0px;
}
.footer_content p {
    float: right;
    color: #fff;
    text-decoration: none;
    margin-top: 20px;
    width:100%;
    text-align:left;
}

.construction {
    width: 100%;
    float: left;
    background: #fff;
    
    border-radius: 15px;
    margin-bottom: 30px;
    height:250px;
    text-align: left;
}
.construction p {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #000;
    height:auto;
}



.gallery-item {
    position: relative;
    width: 100%;
    border-radius: 15px;
    height: 250px;
    padding: 0px 0px 30px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-sizing: border-box;
}
.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 304px;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
}
.highlights figure {
    width: 100%;
    margin-bottom:40px;
}
.highlights ul {
    width: 100%;
    margin: 0px 0px 40px 0px;
    padding: 0px;
}
}

@media only screen and (max-width: 767px) {
    .container {
        width: 93%;
        display: block;
        margin: auto;
    }
.logo {
    float: left;
    margin-top: 20px;
    width:100px;
}

.logo img{width:100%;}

.top_header_content figure {
        display:none;
        width:167px;
        margin-top: 22px;
    }
    .top_header_content a {
    float: right;
    margin-top: 36px;
}
.top_header_content {
        width: 100%;
        text-align: center;
        position: static;
        top: 0px;
        left: 0px;
        margin-bottom: 26px;
    }

    .footer_content figure {
    float: left;
    margin-bottom: 20px;
    margin-right: 12px;
    width:100px;
}

.footer_content figure img{width:100%;}
.footer_content p {
        float: right;
        color: #fff;
        text-decoration: none;
        margin-top: 20px;
        width: 100%;
        text-align: center;
    }
        footer {
        width: 100%;
        position: static;
        bottom: 30px;
        left: 0px;
        margin-top:30px;
    }

    .construction p {
    width: 100%;
    float: left;
    font-size:14px;
    color: #000;
    height:130px;
}

.construction:hover.construction p{width:100%;float:left;font-size:14px;color:#fff;}

.construction h2 {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 17px;
    color: #000;
    text-transform: uppercase;
}
.construction:hover.construction h2{float:left;margin-top:0px;margin-bottom:0px;font-size:17px;color:#fff;}

.construction {
        width: 308px;
        float:none;
        display:inline-block !important;
        background: #fff;
        border-radius: 15px;
        margin-bottom: 30px;
        height: 230px;
        text-align: left;
    }
.gallery-item {
        position: relative;
        width: 100%;
        border-radius: 15px;
        height: 230px;
        padding: 0px 0px 30px;
        overflow: hidden;
        transition: all 0.3s ease;
        box-sizing: border-box;
    }
    .search {
    width: 100%;
    height: 35px;
    font-size:10px;
    margin-top: 10px;
}
.construction i {
    float: right;
    color: #070935;
    font-size: 22px;
}
.highlights figure {
    width: 100%;
    margin-bottom:30px;
}
.installation h3 {
    width: 100%;
    font-size: 24px;
    color: #070935;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 37px;
}
.looking_company a {
    float:left;
    margin-top:0px;
    margin-bottom:40px;
       padding: 15px 30px;
    border-radius: 45px;
    color: #fff;
    border:#ccc solid 2px;
    font-size: 13px;
   text-transform: uppercase;
    text-decoration: none;
}
.see_our_projects p {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom:30px;
    font-size: 17px;
    color: #1a1a1a;
    text-align: center;
    text-align: center;
}
.map {
    width:100%;
    float: right;
    margin-top: 20px;
}
.footer_list_left_content figure {
    float: left;
    width:100px;
    margin-bottom: 0px;
    margin-right: 10px;
}
.map p {
    float:right;
    width:88%;
    margin-bottom: 0px;
    font-size:18px;
    color: #070935;
}
.mid_content {
    width:100%;
    float:left;
}
.view_all {
    width: 100%;
    float: left;
    margin-bottom:30px;
    text-align: center;
}
.footer_list_left_content p {
    float: left;
    color: #070935;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 0px;
    font-size:18px;
}
.see_our_projects h3 {
    float: left;
    margin-top: 6px;
    margin-bottom: 30px;
    font-size: 20px;
    color: #070935;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}
.looking_company h2 font {
    font-size: 31px;
    text-transform: uppercase;
}
.looking_company h2 {
    float: left;
    margin-top:0px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
}

.installation h4 {
    width: 100%;
    font-size:30px;
    color: #070935;
    font-weight: 400;
    text-transform: uppercase;
}
.telecommunications p {
    width: 100%;
    font-size:18px;
    color: #1a1a1a;
  margin-top: 25px;
    line-height: 40px;
    margin-bottom: 0px;
}
.telecommunications h1 {
    width: 100%;
    font-size: 25px;
    color: #070935;
    text-transform: uppercase;
    font-weight: 500;
}

.border_line {
    width: 100%;
    border-left: #ccc solid 1px;
    padding:0px 0px 40px 21px;
}
}

@media only screen and (max-width: 479px) {
    .container {
        width: 100%;
        display: block;
        margin: auto;
    }


}