.pedigree-bg,
#block-pedigreedog1,
#block-pedigreedog{
    background-color: #f0ac03;
}
.pedigree-dog-right img{
 margin-left: 14px;
}
.pedigree-dog-left img{
    margin-left: -14px;
}
.pedigree-text{
    position: relative;
    top: 5%;
    color: #ffffff;
}
.pedigree-text h2{
    font-weight: 600;
    /* font-family:"Pedigree-UnleashedBlk" */
    font-family: 'Pedigree-UnleashedBlk';
    
}

.pedigree-text h1{
    font-weight: 900;
    font-family: "Pedigree-UnleashedBlk";
    font-size: 7.5rem;
}
.image-style img{
    background-color: #ffc41f;
}
.button .btnType{
/* position:absolute;
top:75%;
left: 45%; */
margin-top:-7rem;

}
.banner-button{
    text-align: center;
}
body{
    overflow-x: hidden;
}
.light-yellow-bg{
    background-color: #ffc41f;
    border-radius: 25px;
}

.content-style{
    position: relative;
    color: #ffffff;
}
.content-style h2{
    font-weight: 900;
    font-family: "Pedigree-UnleashedBlk";
    font-size: 5.4rem;
   line-height: 75px;
}
.content-style p{
    font-size: 1.5rem;
}
.content-style h5{
    font-family: 'Pedigree-Light';
    font-weight: 500;
    font-size: 1.5rem;
    padding: 18px 0;
}
.content-style p{
    font-family: "Pedigree-Light";
}

/* .logo-width img{
    width:75%;
    height: 75%;
} */

.btnType1{
    background: rgba(228, 15, 36, 1);
    color: #fff!important;
    font-size: 1.25rem;
    font-family: 'Pedigree-Light';
    margin-bottom: 20px;
}

.content{
    position: relative;
    top: 2%;
    color: #ffffff;
}

.content h2{
    font-weight: 900;
    font-family: "Pedigree-UnleashedBlk";
    font-size: 5.4rem;
   line-height: 75px;
}
.content p{
    font-size: 1.25rem;
    font-family: "Pedigree-Light";
}
.content h5{
    font-family: 'Pedigree-Light';
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 35px;
    padding: 18px 0;
}
.image-width img{
    width:100%;/*New*/
    /* height: 100%; *//*New*/
	/* margin-left:10%; */
}
@media only screen and (min-width: 1200px) and (max-width: 1400px){
.image-content img{
    width:1050px!important;
    /* margin-left:-50%; */
    position: relative;
    top: -13%;

}
}
@media only screen and (min-width: 1400px){
    .image-content img{
        width:700px!important;
        margin-left:-10%;
        position: relative;
        top: -13%;
    
    }
    .image-width img{
        position: relative;
        bottom: 21px;
        /* left: 80px; */
    }
    }
@media only screen and (min-width: 1200px){
    .button .btnType{
        /* position:absolute;
        top:90%;
        left: 45%; */
        }
        .image-width{
            margin-bottom: -21px;
        }
        /* .light-yellow{
            height: 454px;
           
        } */
}
@media only screen and (max-width: 1200px) and (min-width: 1025px){
    .image-width{
        /* margin-bottom: -21px; *//*New*/
    }
    .content-style h2 {
      
        font-size: 5.15rem;
      
    }
    /* .light-yellow{
        height: 454px;
       
    } */
    .image-width img{
        position: relative;
        bottom: 21px;
        /* left: 106px; */
    }
} 


@media only screen and (max-width: 1025px) and (min-width: 768px){
    .content-style h2 {
        font-weight: 900;
        font-family: "Pedigree-UnleashedBlk";
        font-size: 3rem;
        line-height: 60px;
        
    }
	.content-style p {
		margin-top: 10px;
	}
    .content-style{
        top:1%;
    }
    .content h2{
        font-size: 3rem;
        line-height: 60px;
    }
    .button .btnType{
        /* position:absolute;
        top:28%;
        left: 35%; */
        }
      
   
}
@media only screen and (max-width: 1025px) and (min-width: 992px){
.image-width{
    margin-bottom: -21px!important;
    position: relative;
    bottom:21px;
}
.image-content img{
    width:650px!important;
    margin-left:-10%;
    position: relative;
    /* top: -13%; */

}
}

@media only screen and (max-width: 767px) {
    .content h2{
        font-size: 2rem;
        line-height: 42px;
        margin: 0 25px;
    }
    .content{
        /* margin-bottom: 3rem; */
        /* top: 5%; */
        /* margin-left: 43px; */
      }
      .content-style h2{
        font-size: 2rem;
        line-height: 42px;
        margin: 0 25px;
    }
    .content-style{
        top:1%;
    }
    .button .btnType{
        /* position:absolute;
        top:15%;
        left: 35%; */
        }
        .logo-width img{
            width: 100%;
            /* margin-left: 15%; */
        }
        .image-width img{
            width:80%;
            /* margin-top: 2rem; */
        }
        .image-width-logos {
            text-align: center;
        }
        .image-width-logos img{
            width: 60%;
            /* margin-left: 15%; */
           
        }
        .content-style,
        .content {
            /* margin-left: 10%; */
            text-align: center;
       }
        .btnType1 {           
            font-size: 0.8rem;            
        }
       .image-content img{
        width:350px;
       }
       .button .btnType {
        margin-top: -3.4rem;
        }
    .btnType1{
        margin-bottom: 1.5rem;
    }
    .content h5{
        max-width:85%;
    }
    .content-style h5{
        /* max-width:85%; */
    }
    .content-style p{
        margin-top: 16px;
    }
    .image-width img {
        margin-left: 40px;
    }
    .content-style h5,	
    .content h5 {	
        /* max-width:85%; */	
        text-align: justify;	
        font-size: 1.0rem;	
        margin: 0 25px;	
        line-height: 1.4;	
    }
	 .content-style p,	
    .content p   {	
        font-size: 1.2rem;	
    }	
    .adogtion_tips .button {	
        margin-top: 1rem !important;	
        margin-bottom: 1rem;	
    }
    
}
@media only screen and (max-width: 993px) and (min-width: 768px){
    .image-content img{
        width: 700px;
     
       
    }
}
@media only screen and (max-width: 1024px) and (min-width: 768px){
    .image-width img{
        width: 100%;
        margin-left: 0%; 
    }
    .image-width-logos img {
        border-radius: 25px;
    }
}
@media only screen and (min-width: 1025px) {
    .image-width img{
        position: absolute;
        bottom: 0;
    }
    .content-style{
        margin-top: 10px;
    }
   
    .image-width img{
        width:100%;
        /* height: 100%; *//*New*/
      
    }
    .image-margin img{
        margin-left:-65px;
    }
    .image-width-logos img{
        width: 70%;
        margin-left: 40px;
    }
    .content h5 {
        font-family: 'Pedigree-Light';
        font-weight: 500;
        font-size: 1.5rem;
        line-height: 35px;
}


.content-style h5{
   max-width: 70%;
}
.content-style.adogtion_tips h5 {
    max-width: 100%;
}
.content h5{
    max-width: 70%;
}

}
@media only screen and (max-width: 1200px) and (min-width: 1025px){
    .image-content img{
        width: 700px!important;
        margin-left: -10%!important;
    }
    }
    @media only screen and (min-width: 1920px) 
    {
        .img-banner {
         width:100%;
        }
    }

@media only screen and (max-width: 1199px) and (min-width: 992px){ 
    .image-width{               
        position: relative;                
    }
}
@media only screen and (min-width: 1025px){

    .button .btnType {
        margin-top: -15rem;
    }
    .content-style,
    .content {
        margin: 56px 0;
    }

}

@media only screen and (min-width: 1200px){ 
    
    .image-width img{        
        bottom: 22px; 
    }
}
@media only screen and (min-width: 1560px){ 
    
    .image-width img {
        position: relative;
    }
}
@media only screen and (max-width: 1025px) and (min-width: 992px){ 
    .image-width img{               
        position: absolute;
        bottom: 0;           
    }
}
@media only screen and (max-width: 450px){
    .content-style h2,
    .content h2 {
        font-size: 2rem;
        line-height: 36px;
    }
    .img-col-10 {
        margin-left: 10px;
    }
    .img-col-8 {
        margin-left: 8px;
    }
    .img-col-r8 {
        margin-left: -8px;
    }
}