/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media only screen and (min-width: 1200px) {}
@media only screen and (max-width: 1199px) {
    .works-col:after {
    left: -45px;
    width: 40px;
}
.works-col:before {
    left: -47px;
    top: 115px;
}
.works h3:before {
    left: 155px;
}
    .contactBoxAddress {
    margin-top: 0;
}
.contactBoxAddress .row {
    margin: 0;
}
.industries {
    width: 920px;
}
.services-main-wdth .col-sm-3 {
    padding: 0 10px;
}
.iconImage-services {
    margin-right: 10px;
    width: 28px;
}
.services-content-sld h3 {
    font-size: 18px;
    line-height: 18px;
}
.contactBoxAddress .row .col-sm-5 {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 20px;
    border: 3px dashed #e6e6e6;
    margin-top: 20px;
}
.contactBoxAddress .row .col-sm-4,.contactBoxAddress .row .col-sm-3 {
    max-width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding: 20px;
}
.contactBoxAddress .row .col-sm-4 {
    border: 3px dashed #e6e6e6;
    border-top: 0;
}
.contactBoxAddress .row .col-sm-3 {
    border: 3px dashed #e6e6e6;
    border-top: 0;
    border-left: 0;
}
.container {
    max-width: 920px;
}
    .menu-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.middelHeader .collapseNav .NavMenu {
    display: none;
}
.middelHeader .collapseNav {
    padding: 0 20px;
}
.aboutLogo {
    max-width: 37%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 37%;
            flex: 0 0 37%;
}
.services.services1 {
    max-width: 15%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 15%;
            flex: 0 0 15%;
}
.services.services2 {
    max-width: 19%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 19%;
            flex: 0 0 19%;
}
.contactInfo {
    max-width: 29%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 29%;
            flex: 0 0 29%;
}
}
@media only screen and (max-width: 991px) {
.detailBg:before,.detailBg:after {
    display: none;
}
.industries {
    width: 680px;
}
.sliderB {
    height: 600px;
}
.sideshape1 {
    width: 300px;
}
.sldB h3 {
    font-size: 20px;
    line-height: 20px;
}
.abTextBox {
    padding-left: 0;
}
.works-col:after {
    left: -96px;
    width: 95px;
}
.works-col:before {
    left: -98px;
    top: 115px;
}
.works h3:before {
    left: 235px;
}
.proBox {
    max-width: calc(50% - 10px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin: 10px 0;
}
.works .col-sm-3.col-xs-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 70px;
}
.works {
    padding: 80px 0 30px;
}
.sldB h1 {
    font-size: 45px;
    line-height: 50px;
    margin-bottom: 20px;
}
.sldB {
    padding: 113px 50px 113px 400px;
}
.sideshape2 {
    max-width: 400px;
    left: 5%;
    top: 15%;
}
.services-main-wdth .col-sm-3 {
    padding: 25px;
    max-width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    border: 0;
}
.iconImage-services {
    margin-right: 20px;
    width: 35px;
}
.services-content-sld h3 {
    font-size: 20px;
    line-height: 20px;
}
.services-main-wdth {
    padding: 0;
    margin: 0 0 50px;
}
.abboxx .col-sm-7, .abboxx .col-sm-5 {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
}

.abboxx .col-sm-5 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 30px;
}

.container {
    max-width: 680px;
}
.heading-center {
    margin-bottom: 30px;
}
.contactRight.col-sm-5 {
    max-width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding: 0 15px;
}
.col-sm7 {
    width: 100%;
}
.contactLeft {
    max-width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding: 10px;
}
.contactBoxAddress .row .col-sm-5 {
    padding: 15px;
    margin-top: 10px;
}
.contactBoxAddress .row .col-sm-4, .contactBoxAddress .row .col-sm-3 {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 15px;
}
.contactBoxAddress .row .col-sm-3 {
    border-left: 3px dashed #e6e6e6;
}
.contactBoxAddress p{
    margin: 0;
}
.col-sm5 {
    width: 100%;
    position: relative;
    top: 0;
    margin-top: 50px;
}
.contactInfo {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-top: 50px;
}
.services.services2 {
    max-width: 28%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 28%;
            flex: 0 0 28%;
}
.services.services1 {
    max-width: 22%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22%;
            flex: 0 0 22%;
}
.aboutLogo {
    max-width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
}
.bottom_footer .row .col-sm-5,.bottom_footer .row .col-sm-7 {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
}

.bottom_footer .row .col-sm-5 p {
    text-align: center;
    margin: 0 0 5px;
}

.bottom_footer .row .col-sm-7 p {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.bottom_footer .row {
    padding: 20px 0;
}
.detailBg .rowss {
    width: auto;
}
}
@media only screen and (max-width: 850px) {
.sldB {
    padding: 113px 50px 113px 300px;
}
}
@media only screen and (max-width: 767px) {
    .detailBg {
    padding: 50px 0;
}
.sliderB {
    height: auto;
}
.sideshape1 {
    width: 150px;
    left: unset;
    right: 0;
}
.sideshape2 {
    max-width: 250px;
    left: unset;
    top: unset;
    right: 0;
    bottom: 0;
}
.sldB {
    max-width: 100%;
    padding: 80px 20px 235px;
}
.industries {
    width: 100%;
    padding: 0 20px;
}
.aboutus {
    padding: 50px 0;
}
.bar-icon {
    width: 25px;
}
.container {
    max-width: 100%;
}
.pageTitleAbout {
    background-position: top;
}
.misionVision {
    padding: 30px 0 0px;
}
.misionVision .col-sm-5 {
    max-width: calc(50% - 30px);
    padding: 30px 15px;
    margin: 0 15px;
}
.aboutuspage {
    padding-bottom: 50px;
}
.pvc {
    padding: 50px 0;
}
.bar-icon span {
    height: 1.8px;
    margin: 3.3px 0;
}
.contactuspage {
    padding: 50px 0;
}
.pageTiTle h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
}
.pageTitleAbout {
    padding: 100px 0 70px;
}
.works-col:before,.works-col:after,.works h3:after,.works h3:before{
    display: none;
}
.works-col span {
    width: 45px;
    height: 45px;
    right: -20px;
    top: -20px;
    font-size: 16px;
}
.works h3 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 22px;
    text-align: center;
}
.works p {
    margin: 0;
    padding: 0;
    text-align: center;
}
.works {
    padding: 50px 0 0px;
}
.works {
    margin-bottom: 50px;
}
.products {
    padding: 0 0 40px;
}
}
@media only screen and (max-width: 650px) {
    .contactInfo {
        margin-top: 0;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    max-width: 60%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    padding: 30px 20px;
    border-right: 1px solid rgb(255 255 255 / 20%);
}
.products_heading h4 {
    font-size: 30px;
    line-height: 35px;
}
.sldB h1 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 20px;
}
.sideshape1,.sideshape2{
    display: none;
}

.heading-center h2 {
    line-height: 30px;
    font-size: 30px;
}
.heading-center p {
    font-size: 16px;
}
.misionVision .col-sm-5 {
    max-width: calc(100% - 30px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    border: 3px dashed rgb(46 62 77 / 30%);
}
.misionVision .col-sm-5:first-child {
    margin-bottom: 15px;
}
.contactLeft {
    max-width: calc(100% - 30px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin: 0 15px 30px;
}
.contactRight.col-sm-5 {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
}
.footer:before {
    display: none;
}
.singleDetailTop h2 {
    font-size: 30px;
    line-height: 35px;
    margin: 20px 0 30px;
}
.divspacer h3 {
    font-size: 25px;
    font-weight: 600;
    line-height: 30px;
}
.services.services2 {
    max-width: 40%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    padding: 30px 20px;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}
.services.services1 {
    max-width: 40%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    padding: 30px 20px;
    border-top: 1px solid rgb(255 255 255 / 20%);
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
.aboutLogo {
    max-width: 60%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
    padding: 30px 20px;
    border-right: 1px solid rgb(255 255 255 / 20%);
    border-top: 1px solid rgb(255 255 255 / 20%);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
.midFooter {
    padding: 20px 0 0;
}
.abTextBox .heading h1 {
    line-height: 35px;
    margin: 0 0 20px;
    font-size: 30px;
}
.abTextBox .heading h5 {
    font-size: 16px;
    margin: 0 0 10px;
}
}

@media only screen and (max-width: 600px) {
    .services-main-wdth .col-sm-3 {
    padding: 15px;
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
}
.services-main-wdth {
    padding: 15px;
}

}
@media only screen and (max-width: 450px) {
.singleDetailTop h2 {
    font-size: 25px;
}
.divspacer h3 {
    font-size: 20px;
    line-height: 25px;
}
.works h3 {
    font-size: 20px;
}
.works-col {
    max-width: 90px;
    height: 90px;
}
.works-col span {
    width: 35px;
    height: 35px;
}
.works img {
    width: 40px;
}
.works-col {
    border-width: 3px;
}
.products_heading h4 {
    font-size: 25px;
    line-height: 30px;
}
.abTextBox .heading h1 {
    line-height: 30px;
    font-size: 25px;
}
.divspacer p:last-child {
    margin: 0;
}
.aboutLogo {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 10px 15px 30px;
    border-right: 0;
    border-top: 0;
}
.services.services2 {
    max-width: 55%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%;
    border-bottom: 0;
    padding: 30px 15px;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    border-left: 1px solid rgb(255 255 255 / 20%);
}
.services.services1 {
    max-width: 45%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
            flex: 0 0 45%;
    border-bottom: 0;
    padding: 30px 15px;
    border-left: 0;
    border-top: 0;
}
.contactInfo {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    border-bottom: 0;
    padding: 30px 15px;
    border-right: 0;
    border-top: 1px solid rgb(255 255 255 / 20%);
}
.mb-menu {
    width: 280px;
        padding: 50px 20px;
}
.midFooter {
    padding: 40px 0px 10px;
}
.mb-Logo a {
    max-width: 180px;
}
}
@media only screen and (max-width: 400px) {
    .services.services1 {
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}
.sldB h3 {
    margin-bottom: 10px;
}
.sldB h1 {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 15px;
}
.sldB a {
    background: -o-linear-gradient(45deg, #55b855 -10%, #20c252 67%);
    background: linear-gradient(45deg, #55b855 -10%, #20c252 67%);
    padding: 12px 20px;
    margin: 10px 0 0;
    font-size: 15px;
}
.sldB {
    max-width: 100%;
    padding: 70px 20px 225px;
}
.industriesCenter .col4 {
    margin: 0;
    padding: 15px;
}
.works .col-sm-3.col-xs-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 40px;
}
.proBox {
    max-width: calc(100% - 10px);
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
}
}