/* // XX-Large devices (larger desktops, 1400px and up) */
@media (max-width: 1399.98px) {
    #livestock .content {
        margin-top: 12%;
    }

    #livestock .content .fields img {
        height: 130px;
        padding: 5px;
    }

    #aboutUs #a-sec6 .box-area {
        height: 450px;
    }
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (max-width: 1199.98px) {
    .upper-bar h5 {
        font-size: 14px;
    }

    #livestock .content .slide .carousel-inner .carousel-item img {
        height: 475px;
        object-fit: cover;
    }

    .upper-bar h5 span {
        font-size: 8px;
    }

    #home #sech-6 #myCarousel32 .testimonial {
        font-size: small !important;
        padding: 12px 10px 10px !important;
        color: #555;
    }

    /***********************************************/
    #contact-us #first-sec {
       
    }

    /***********************************************/
    #home #sech-2 h1 {
        font-size: 28px;
    }

    #home #sech-3 .bg-text h3 {
        font-size: 26px;
    }

    #home #sech-3 .bg-text p {
        font-size: 15px;
    }

    #home #sech-3 img {
        height: 300px;
    }

    #home #sech-4 .bg-text h3 {
        font-size: 26px;
    }

    #home #sech-4 .first .bg-text p {
        font-size: 15px;
    }

    #home #sech-4 .bg img {
        height: 300px;
    }

    #home #sech-4 .bg::before {
        height: 300px;
        width: 280px;
        left: 130px;
    }

    #home #sech-5 a .card {
        height: 300px;
    }

    #home #sech-5 a .card .card-img-top {
        height: 200px;
    }

    #home #sech-5 .card .card-body {
        font-size: 18px;
    }

    #home #sech-5 .title-1 h3 {
        font-size: 26px;
    }

    /***********************************************/
    /***********************************************/
    #livestock .content {
        margin-top: 13%;
    }

    #livestock .content .fields img {
        height: 110px;
        padding: 5px;
    }

    #livestock .content .fields h4 {
        font-size: 15px;
    }

    /***********************************************/
    /***********************************************/

    #contact-us #first-sec h1 {
        font-size: 50px;
    }

    #contact-us .section-3 .address h4 {
        font-size: 20px;
        padding-left: 10px;
    }

    #contact-us .section-3 .address p {
        font-size: 15px;
        padding-left: 10px;
    }

    #contact-us .section-3 .address .icons img {
        width: 35px;
    }

    /***********************************************/
    #aboutUs #a-sec6 .box-area {
        height: 480px;
    }

    /***********************************************/

    #letter #dr {
        top: 300px !important;
        right: 150px !important;
        height: 400px !important;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {
    .upper-bar h5 {
        font-size: 12px;
    }

    .upper-bar h5 span {
        font-size: 5px;
    }

    /***********************************************/
    /***********************************************/

    #home #sech-2 h1 {
        font-size: 24px;
    }

    #home #sech-2 a img {
        height: 80px;
    }

    #home #sech-3 .bg-text h3 {
        font-size: 24px;
        padding-bottom: 15px;
    }

    #home #sech-3 .bg-text p {
        font-size: 14px;
    }

    #home #sech-3 {
        text-align: center;
    }

    #home #sech-3 .first {
        margin-top: 50px;
    }

    #home #sech-3 .first .bg {
        text-align: center;
    }

    #home #sech-3 .second {}

    #home #sech-3 img {
        height: 250px;
    }

    #home #sech-4 {
        text-align: center;
    }

    #home #sech-4 .bg-text h3 {
        font-size: 24px;
    }

    #home #sech-4 .first .bg-text p {
        text-align: center;
        font-size: 14px;
    }

    #home #sech-4 .second {
        margin-top: 100px;
    }

    #home #sech-4 .second .bg {
        text-align: center;
    }

    #home #sech-4 .bg img {
        height: 250px;
    }

    #home #sech-4 .bg::before {
        height: 250px;
        width: 239px;
        left: 135px;
    }

    #home #sech-5 a .card {
        height: 300px;
    }

    #home #sech-5 a .card .card-img-top {
        height: 200px;
    }

    #home #sech-5 .card .card-body {
        font-size: 18px;
    }

    #home #sech-5 .title-1 h3 {
        font-size: 24px;
    }

    #home #sech-6 .title-2 h3 {
        padding-bottom: 10px;
        line-height: 10px;
    }

    #home #sech-6 #myCarousel32 .item .img-box {
        width: 100px;
        height: 100px;
    }

    #home #sech-6 #myCarousel32 .testimonial {
        font-size: 15px;
        padding: 10px 0px 0px;
    }

    #home #sech-6 #myCarousel32 {
        padding: 0;
    }

    #home #sech-7 h3 {
        font-size: 20px;
    }

    #home #sech-8 .wrapper img {
        height: 60px;
    }

    #home #sech-8 .item {}

    .owl-carousel.owl-drag .owl-item {
        width: 0;
        margin-right: 0;
    }

    /***********************************************/

    #whoWeAre .background .one {
        order: 1;
    }

    #whoWeAre .background .two {
        order: 3;
    }

    #whoWeAre .background .three {
        order: 2;

    }

    #whoWeAre .background .sec1-1 .second {
        position: relative;
        top: 0px;
    }

    #whoWeAre {
        margin-top: 10%;
    }

    /***********************************************/
    #livestock .content {
        margin-top: 16%;
    }

    #livestock .content .slide .carousel-inner .carousel-item img {
        height: 400px;
    }

    #livestock .content .fields img {
        height: 110px;

    }

    #livestock .content .fields h4 {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    /***********************************************/
    /***********************************************/
    #soon .content #soon-bg {
        margin-top: 12%;
    }

    #soon .content #soon-bg .image img {
        height: 400px;
    }

    /***********************************************/
    /***********************************************/

    #contact-us #first-sec {
        margin-top: 11%;
    }

    #contact-us #first-sec h1 {
        font-size: 40px;
    }

    #contact-us #first-sec h3 {
        font-size: 30px;
    }

    #contact-us .section-3 .form h4 {
        font-size: 26px;
    }

    #contact-us .section-3 .address h4 {
        font-size: 19px;
        padding-left: 10px;
    }

    #contact-us .section-3 .address p {
        font-size: 14px;
        padding-left: 10px;
    }

    #contact-us .section-3 .address .icons img {
        width: 30px;
    }

    #contact-us .section-4 h2 {
        font-size: 26px;
    }

    #contact-us .section-4 a img {
        width: 60px;
        padding: 10px;
    }

    /***********************************************/
    /***********************************************/
    .owl-nav {
        display: none;
    }

    #aboutUs #a-sec5 .icon-check {
        width: 20px;
        height: 20px;
    }

    #aboutUs {
        margin-top: 10%;
    }

    /***********************************************/
    /***********************************************/
    #footer-f .logo .image img {
        width: 150px;
    }

    #footer-f .logo .social img {
        width: 21px;
        margin: 0 2px;
    }

    #footer-f .logo .social {
        margin-left: 2px;
    }

    #footer-f .sec2-f p {
        font-size: 12px;
    }

    #footer-f .logo hr {
        width: 50%;
    }

    #letter #dr {
        top: 300px !important;
        right: 150px !important;
        height: 400px !important;
    }

}

/* // Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
    #whoWeAre .background .sec1-1 h3 {
        font-style: normal;
        font-weight: 800;
        font-size: 30px;
        padding-top: 24px;
        display: flex;
        align-items: flex-end;
        text-align: justify;
        color: #005331;
    }
    #home #sech-1{
        margin-top: 10%;
      }
    #home #sech-1 #carousel2 .carousel-caption h5 {
        font-size: 16px;
    }

    #home #sech-1 #carousel2 .carousel-caption p {
        padding: 0 10px;
        font-size: 12px;
    }

    #home #sech-2 a img {
        height: 50px;
    }

    #home #sech-3 .first {
        order: 2;
        margin-top: 50px;
    }

    #home #sech-3 .second {
        order: 1;
    }

    #home #sech-6 .title-2 h3 {
        padding-bottom: 10px;
        font-size: 24px;
    }

    #home #sech-6 .title-2 h5 {
        font-size: 16px;
    }

    #home #sech-6 #myCarousel32 .item .img-box {
        width: 80px;
        height: 80px;
    }

    #home #sech-6 #myCarousel32 .testimonial {
        font-size: 12px;
        padding: 10px 0px 0px;
    }

    /***********************************************/
    #whoWeAre {
        margin-top: 15%;
    }

    #aboutUs {
        margin-top: 20%;
    }
    #aboutUs .wall .layer img{
height: 200px;
    }
    #aboutUs #a-sec1 h1{
        padding-top: 14%;
        font-size: 30px;
    }
    #aboutUs #a-sec1 h3{
        font-size: 24px;
    }
    #aboutUs #a-sec1 p{
        font-size: 14px;
    }
    #aboutUs #a-sec6 .box-area {
        text-align: center;
    }

    #aboutUs #a-sec6 .pic {
        height: 22px;
    }

    #aboutUs #a-sec6 .owl-nav {
        display: none;
    }
    #aboutUs #a-sec6 .box-area span{
        font-size: 12px;
    }
    #aboutUs #a-sec6 .box-area .paragraph {
        font-size: 12px;
    }

    #aboutUs #a-sec6 .box-area {
        padding: 0 8px;
    }

    #aboutUs #a-sec6 h4 {
        font-size: 18px;
    }

    #aboutUs #a-sec6 h2 {
        font-size: 24px;
    }

    #aboutUs #a-sec6 .box-area h5 {
        font-size: 16px;

        margin-top: 60px;
    }

    /***********************************************/
    #livestock .content {
        margin-top: 20%;
    }

    #livestock .content .slide .carousel-inner .carousel-item img {
        height: 300px;
    }

    #livestock .content .fields img {
        height: 100px;
    }

    #livestock .content .fields h4 {
        font-size: 18px;
        line-height: 15px;
        text-align: center;
    }

    #livestock .content .title h1 {
        font-size: 22px;
    }

    #livestock .content .fields h3 {
        font-size: 22px;
    }

    /***********************************************/
    /***********************************************/
    #soon .content #soon-bg {
        margin-top: 15%;
    }

    #soon .content #soon-bg .image img {
        height: 300px;
    }

    /***********************************************/
    /***********************************************/


    /***********************************************/
    /***********************************************/


    #letter #dr {
        top: 310px !important;
        right: 50px !important;
        height: 385px !important;
    }

    /***********************************************/
    /***********************************************/
    #footer-f .logo .image img {
        width: 150px;
    }

    #footer-f .logo .social img {
        width: 21px;
        margin: 0 2px;
    }

    #footer-f .logo .social {
        margin-left: 2px;
    }

    #footer-f .col-sm-12 {
        text-align: center;
        justify-content: center;
    }

    #footer-f h6 {
        text-align: center;
        font-size: 13px;
    }

    #footer-f .logo hr {
        margin: auto;
    }
   
    #home #sech-1 #carousel2 .carousel-overlay {}
}

/* // Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) {
    #home {
        margin-top: 32%;
    }

    #letter #dr {
        top: 388px !important;
        right: 15px !important;
        height: 285px !important;
    }
 #contact-us #first-sec .title {
        padding: 8% 0;
    }
    #contact-us #first-sec {
        margin-top: 32%;
    }
    #letter h1 {
        font-size: 28px !important;
    }

    #letter h3 {
        font-size: 24px !important;
    }

    #letter p {
        font-size: 14px !important;
    }

    #home #sech-2 h1 {
        font-size: 16px;
    }

    #home #sech-7 {
        height: 450px;
    }

    #home #sech-7 h3 {
        font-size: 24px;
    }

    #home #sech-8 h2 {
        font-size: 24px;
    }

    #home #sech-7 .bg-m a {
        font-size: 16px;
    }

    .owl-carousel.owl-drag .owl-item {

    }

    #home #sech-8 .item {
        padding: 0;
    }

    #home #sech-8 .wrapper img {
        height: 35px;
    }

    #home #sech-2 a img {
        padding: 5px;
    }

    /***********************************************/

    /***********************************************/
    #soon .content #soon-bg {
        margin-top: 25%;
    }

    #soon .content #soon-bg .image img {
        height: 200px;
    }

    /***********************************************/
    #whoWeAre {
        margin-top: 20%;
        padding-top: 20px;
    }

    /***********************************************/
    #livestock .content {
        margin-top: 40%;
    }

    #livestock .content .title h1 {
        font-size: 20px;
    }

    #livestock .content .fields h3 {
        font-size: 19px;
    }

    #livestock .content .fields img {
        height: 90px;
    }

    #livestock .content .fields h4 {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }

    /***********************************************/
    /***********************************************/
    #aboutUs {
        margin-top: 25%;
    }

    /***********************************************/
    /***********************************************/
    /***********************************************/
    /***********************************************/
    #footer-f .col-sm-12 {
        text-align: center;
        justify-items: center;
    }

    #footer-f .logo hr {
        margin: auto;
    }

    #footer-f .sec3-f {
        text-align: center;
        justify-items: center;
    }

    #footer-f h6 {
        text-align: center;
        font-size: 13px;
    }
}