@media(max-width:1024px) {
    .services-col { margin-top: -50px;}
    footer .address-col   { border: none;}
    .contact-us-page .content-box .phone-col span {
        padding: 0 10px;
        display: block;
        visibility: hidden;
        line-height: 1;
        height: 2px;
    }
    
}

@media(max-width:999px) {
 
.services-col .col-3 {    width: 50%;    float: left;    text-align: center;    box-sizing: border-box;    padding: 0 15px;    margin-bottom: 40px;}
    .services-col .col-3 + .col-3 { margin-left: 0px;}
    footer .col-8 { width: 100%;}
    footer .col-4 {        float: right;        margin-left: 0;        width: 100%;        padding: 40px 0 0;    }
  
    
    .contact-us-page .content-box .col-4 { width: 100%; margin-top: 0;}
    .contact-us-page .content-box .col-8 { width: 100%;}
}


@media(max-width:767px) {
    .welcome-col h1 { font-size: 28px;}
    .services-col { margin-top: 50px;}
}

@media(max-width:480px) {
    .services-col .col-3 {    width: 100%;    float: left;    text-align: center;    box-sizing: border-box;    padding: 0 0;    margin-bottom: 40px;}
    .services-col .col-3  img { width: 100%; display: block;}
    .services-col .img { height: auto;}
    .services-col h3 { min-height: 0;}
    .services-col { margin-bottom: 0px;}
    .welcome-col { clear: both;}
    footer .col-6 {        width: 100%;    }

    header .wrapper {        min-height: 120px;        position: relative;        display: table;    }    
    header .social {        position: relative;        right: 0;        width: 100%;        float: left;        margin:16px 0 0;  text-align: center;}
    .logo {        float: left;        margin: 20px 0 0;        width: 100%;        text-align: center;    }
    .logo  img { display: inline-block;}

    header .social ul {        margin: 0px auto;        padding: 0px;        display: table;    }
    .pull-right  { width: 100%;}
    .pull-right img { max-width: 100%;}
}