@media only screen and (max-width:1200px) {
    .hero-text-box{
       padding:0 2%;
        width: 100%;
    }  

    .row{padding: 0 2%;}
}

@media only screen and (max-width:1023px) {
    body{font-size: 18px;}
    section{padding: 60px 0;}
    .long-copy{width: 90%;
        margin-left: 5%;
    }
    .location-box{margin-top: 10px ;}
    .location-box:last-child{margin-top: 10px ;}
    .location-contact{margin-bottom: 40px;}
    .location-contact:last-of-type{margin-bottom: 60px;}
    .contact-form{width: 80%;}
  
    
    ion-icon{width: 20px;}
    .location-contact div{
          font-size: 150%;
        margin-right: 15px;
    }
    
}


/* small phones small phones to small tablet*/
@media only screen and (max-width: 767px){
    body{font-size:16px;}
    
    section{padding: 30px 0;}
    
    .row,
    .hero-text-box {padding: 0 4%;}
    
    .col{width: 100%;}
    
    h1{font-size:180%;}
    h2{font-size:150%;}
    .section-services .row{text-align: justify;}
    .section-services .row h3,
    .section-services .row i{text-align: center;}
    
    .main-nav{display: none;}
    .mobile-nav-icon{display: inline-block;}
    .main-nav{float: left;  
        margin-top: 35px;}
    .main-nav li{display: block;}
    .main-nav li a:link,
    .main-nav li a:visited{
        display: block;
        border: 0;
        padding: 10px 0;
        font-size: 100%;
    }
    
    
    .sticky{
        position:fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.98);
        box-shadow: 0 2px 2px  #efefef;
        z-index: 999;
    }
    
    .sticky  .main-nav{margin-top: 10px; }
    
    
    .sticky  .main-nav li a:link,
    .sticky .main-nav li a:visited {padding: 10px 0;}
    
    
    
    
 
    
    
    .long-copy{
        width: 100%;
        margin-left: 0%;
    }
    .sticky .mobile-nav-icon{margin-top: 10px;}
    .sticky .mobile-nav-icon i{color: #0a3eff;}
    .location-box:first-child{text-align: center;}
    .location-box:last-child{text-align: center;}
    
    .location-contact{margin-bottom: 30px;}
    .map-view{width: 100%;}
    
    .location-contact div{
    
        height: 40px;
        width: 40px;
    
        padding: 4px;
    font-size: 120%;
        margin-right: 15px;
    }
    .col{margin: 0 0 4% 0;}
    
    
    }
    
    
    /* small phones 0 t0 480px iphone 5 or 6*/
    @media only screen and (max-width:480px){
    
        section{padding: 25px 0;}
        .contact-form{width: 100%;}
    
        .btn-full:link, .btn-full:visited, input[type=submit] {
            margin-right: 0;
            margin-bottom: 15px;
        }
    
        .logo {
            height: 130px;
            
            margin-top: 10px;}
    
            header {
                background-size: cover;
              
                height: 80vh;
         
            }
    
    }