@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
        
    .horse-description {
        text-align: center;
        float: none;
    }

    h1 {
        text-align: center;
    }

    h2 {
        text-align: center;
    }

    h3 {
        text-align: left;
    }

    h4 {
        text-align: left;
    }

    
    .pedigree-img {
        text-align: center;
    }

    .pedigree-img img {
        width: 100%;            
        padding-bottom: 53px;
    }

    .contact-img {
        display: none;
    }

    .contact-form-info h4 {
        display: none;
    }

    .contact-form {
        display: none;
    }

    .thankyou-container {
        display: none;
    }

    .contact-info-thanks {
        position: relative;
        left: 17%;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 45px;
    }

    .contact-info-thanks h4 {
        text-align: left;
        padding-top: 45px;
    }

    .top-container-background {
        background-color: transparent;
    }


    .sm-text {
        display: none;
    }

    .email-btn {
        display: inline;
    }

    .email-btn img {
        margin-top: 20px;
        width: 200px;
    }

    .contact-info {
        position: relative;
        top: 0;
        right: 200px;
        text-align: left;
    }

    .thankyou-img {
        display: none;
}

    .light-blue-txt {
        font-family: 'sorts-mill';
    }

      
       
}


@media only screen and (max-width: 970px), only screen and (max-device-width: 970px) {

    .navbar-logo {
        left: 0;
    }

    .middle-container {
        background: none;
    }

    .border-line {
        border-right: none;
    }


    #navigation li a {
        /*padding-left: 40px;
        padding-right: 50px;*/
    }

    .record {
        width: 100%;
    }

    .pedigree {
        width: 100%;
    }

    .col-xs-4 {
        padding-left: 0;
        text-align: left;
    }

    h7 {
        font-size: 16px;
        font-weight: bold;
    }



}

@media only screen and (max-width: 570px), only screen and (max-device-width: 570px) {
   
h1 {
    font-family: 'sorts-mill'; 
    font-size: 38px;
    color: #007599;
    text-align: center;
    text-transform: uppercase; 
}

h2 {
    font-family: 'sorts-mill'; 
    font-size: 16px;
    color: #003c4b;
    text-align: center;
    text-transform: uppercase;
    padding-top: 25px;
    font-weight: bold;
}

h3 {
    font-family: 'sorts-mill'; 
    font-size: 28px;
    color: #007599;
    text-align: center;
    padding-top: 30px;
    text-transform: uppercase; 
} 

h5 {
    color: #003c4b;
    font-family: Arial,Verdana;
    font-size: 22px;
    padding-top: 25px;
    text-align: center;
    text-transform: uppercase; 
}

h7 {
    color: #007599;
    font-family: Arial,Verdana;
    font-size: 22px;
    padding-top: 25px;
    text-align: center;
}

h8 {
    font-family: 'sorts-mill'; 
    font-size: 28px;
    color: #007599;
    text-align: left;
    padding-top: 30px;
    text-transform: uppercase; 
}

h9 {
    font-family: 'sorts-mill'; 
    font-size: 14px;
    color: #003c4b;
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
}


#navigation li {
    text-decoration: none;
    list-style-type: none;
    line-height: 10px;
    /*display: inline;*/
    padding-left: 20px;
    padding-right: 20px;
}

      

     #navigation li a {
         padding: 0;
         margin: 0;
    }




    .hr-border {
        color: #007599;    
}

.featured img {
        width: 97%;    
    }

    .bs-component {
        display: none;
    }

    .iphone-mobile {
        display: inline;
    }

    .horse-name {
        background-color: #007599;
        color: #fff;
        padding: 15px;
        margin-top: 20px;
    }

    .age {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .sire {
        padding-left: 20px;
    }

    .leading-runners {
        width: 100%;
    }

    .border {
        border-top: 1px solid #003c4b;
    }

    .sm-text-eddie {
        font-size: 14px;
    }

}

@media only screen and (max-width: 456px), only screen and (max-device-width: 456px) {

    .top-content-container {
        padding: 0;
        margin: 0;
    }
    
    
        #navigation ul {
        top: 15px;
        left: 0;
}
    
 #navigation .ocean-nav > li {
    text-decoration: none;
    list-style-type: none;
    /*display: inline;*/
   padding-left: 15px;
     /*padding-right: 20px;*/
}

    .navbar-logo {
        left: 1%;
    }  

     #navigation .ocean-nav > li a {
         /*padding-left: 15px;*/
         padding: 0;
         margin: 0;
         font-size: 13px;
    }

     .home-text-center img {
        text-align: center;
        width: 265px;
    }

     .home-text-center {
   margin-top: 30px;
}

}

@media only screen and (max-width: 417px), only screen and (max-device-width: 417px) {
#navigation .ocean-nav li {
    /*padding-left: 15px;
    padding-right: 15px;*/
}

}



@media only screen and (max-width: 387px), only screen and (max-device-width: 387px) {
    .top-content-container {
        padding: 0;
        margin: 0;
    }

    .contact-info {
    position: relative;
    top: -100px;
    left: 30px;
    width: 90%;
}

    #navigation .ocean-nav {
        top: 15px;
        /*width: 50%;*/
        /*float: right;*/
        line-height: 10px;
        left: -2%;
    } 
    
    #navigation .ocean-nav > li {
        text-decoration: none;
        list-style-type: none;
        /*display: block;*/
        padding-left: 10px;
        padding-right: 0;
    }

    .navbar-logo {
        position: relative;
        top: 20px;
    }

        .navbar-logo img {
            width: 53px;
            height: 51px;
        }

       
     .home-text-center img {
        text-align: center;
        width: 265px;
    }

     .home-text-center {
   margin-top: 30px;
}

   
    .thankyou-info {
        width: 100%;
        text-align: center;
        position: relative;
        top: 0;
    }

    
    
    .horse-description {
        float: none;
        margin: 15px 0;
        text-align: center;
        font-size: 18px;
    }


    /* --- progeny table phone --- */

    .bs-component {
        display: none;
    }

    .iphone-mobile {
        display: inline;
    }

    .horse-name {
        background-color: #007599;
        color: #fff;
        padding: 15px;
        margin-top: 20px;
    }

    .age {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .sire {
        padding-left: 20px;
    }

    .leading-runners {
        width: 100%;
    }

    .table-responsive {
    margin-top: 25px;
    border: none;
}

    .border {
        border-top: 1px solid #003c4b;
    }
    
    .footer-content {
        font-size: 14px;
    }

    .footer-content a {
        padding: 5px 5px;
        font-size: 14px;
        line-height: 18px;
    }

    .footer-numbers {
        display: inherit;
    }

    
}

@media only screen and (max-width: 320px), only screen and (max-device-width: 320px) {
#navigation ul {
        top: 15px;
        /*width: 50%;*/
        /*float: right;*/
        line-height: 10px;
        /*left: -10%;*/
    } 
    
    #navigation li {
        text-decoration: none;
        list-style-type: none;
        /*display: block;*/
        padding-left: 5px;
        padding-right: 0;
    }

    .navbar-logo {
        position: relative;
        top: 20px;
    }

        .navbar-logo img {
            width: 53px;
            height: 51px;
        }


}