@media only screen and (min-width:1024px) and (max-width:1139px){
.topbar-left{font-size: 16px;}
.topbar-right .top-cta ul li a img {width: 20px; height: 20px;}
.topbar-right .top-cta ul li a{font-size: 14px;}
.topbar-right .top-social-icon ul li a img {width: 20px;height: 20px;}
.header-menu ul li a img {width: 40px;}
.header-menu ul li a span b{font-size: 17px;}
.header-menu ul li a{padding: 5px 8px;}
.header .container>.row{align-items: center;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
.topbar-left{font-size: 15px;}
.topbar-right .top-cta ul li a img {width: 20px; height: 20px;}
.topbar-right .top-cta ul li a{font-size: 14px;}
.topbar-right .top-social-icon ul li a img {width: 20px;height: 20px;}
.header-menu ul li a img {width: 40px;}
.header-menu ul li a span b{font-size: 17px;}
.header-menu ul li a{padding: 5px 8px;}
.header .container>.row{align-items: center;}
main {margin-top: 214px;}
.testimonial .videoframe iframe{height: 200px;}
.innernumberb input{width: 8%;}
.puppies-child.stickypuppy{margin-top: -84px;}
}
@media only screen and  (max-width:767px){
main {margin-top: 191px;}
.topbar{border-top: 0; background: transparent;}
.topbar-left{background: var(--light-blue-color); position: relative;}
.topbar-left:before{content: ""; display: block;background: var(--light-blue-color);position: absolute;top:0;left: -30px;height: 30px; width: 53px;}
.topbar-left:after{content: ""; display: block;background: var(--light-blue-color);position: absolute;top:0;right: -30px;height: 30px; width: 53px;}
.topbar-left {font-size: 14px;line-height: 30px;text-align: center;padding-bottom: 0px;}
.topbar-right .top-cta ul li:nth-child(1){display: none;}
.topbar-right .top-cta ul li a img {width: 20px;height: 20px;}
.topbar-right .top-cta ul li a{font-size: 15px;}
.topbar-right{justify-content: end;}
.topbar-right .top-social-icon ul li a img {width: 20px;height: 20px;}
.topbar-right{margin-top: 0;width: 65%;margin-left: auto; position: relative; border-radius: 0px 0px 0px 40px;}
.topbar-right:after{content: "";background: #e2e5e5;display: block; width: 30px; height: 40px; position: absolute; right: -30px; top: 0;}
.mob-phone{display: flex;column-gap: 10px; align-items: center;}
.header{padding: 5px 0px 0px;}
.header-mobile{display: flex; justify-content: space-between;}
.mob-phone h6{font-weight: 500;  font-size: 14px; color: #026a8e;  text-align: right; margin-bottom: 0;}
.mob-phone h6 span{font-size: 19px;font-weight: 900; display: block;}
.mob-phone div img{width: 32px;height: 32px;}
.header-menu ul li a img {width: 34px;}
.header-menu ul li a span{font-size: 12px;}
.header-menu ul li a span b{font-size: 14px;}
.header-menu ul.topmenu{overflow-x: scroll;white-space: nowrap; padding: 5px 0px 0; display: block; width: calc(100% - 70px);    scrollbar-width: none;}
.header .col-lg-8.col-md-12{background: #e7f9e9;}
.puppies-child.stickypuppy{margin-top: -72px;}
.puppies-child ul li span{white-space: break-spaces;}
.puppies-child ul li{width: 117px;}
.overview h2 {font-size: 21px; margin-top: 10px;}
.overview p {font-size: 14px;}
}
@media only screen and  (max-width:575px){
    main {margin-top: 166px;}
    .logo-section img {height: 50px;}
    .topbar-right{width: 100%;}
    .topbar-right .top-cta ul li a{column-gap: 5px;font-size: 14px;}
    .topbar-left{font-size: 13px;}
    .header-menu ul.topmenu{width: calc(100% - 25px);}
    .header-menu ul li a:before{margin-top: -19px;height: 38px;}
    .mob-phone div img {width: 22px;height: 22px;}
    .mob-phone h6 span{font-size: 16px;}
    .mob-phone h6{font-size: 12px;}
    .header-mobile{margin-bottom: 5px;}
    .header-box{column-gap: 10px;}
    .header-box .menuicon img {height: 25px;width: 25px;}
    
    .puppies-child ul li{width: 66px;}
    .puppies-child ul li span{font-size: 9px;height: 22px;}
    .puppies-child ul li.active a::before{bottom: -24px;}
    .puppies-child ul li:nth-child(2).active::before,.puppies-child ul li:nth-child(6).active::before,.puppies-child ul li:nth-child(7).active::before,.puppies-child ul li:nth-child(9).active::before,.puppies-child ul li:nth-child(10).active::before{bottom: -12px;}
    .puppies-child ul li img{width: 45px;height: 45px;}
    .puppies-child ul li a{padding: 5px 0px;}
    .menuicon{flex: 0 0 30px;}
    .breeds-box{padding: 30px 0px;}
    .request-callback a{text-align: 14px;}
    footer{padding: 20px 0px 70px;background-repeat: repeat;}
    .copyright{padding-top: 30px;}
    .copyright p{font-size: 13px;}
    .overview h2{font-size: 22px;margin-top: 20px;}
    .overview p{font-size: 14px;}
    .testimonial {padding: 20px 0px;}

    .mobile-cta {position: fixed; bottom: 0;left: 0; width: 100%; display: flex; background: #000000; box-shadow: 0 -1px 15px rgb(0 0 0 / 7%); z-index: 99;}
    .mobile-cta .btn {text-align: center; font-size: 12px; letter-spacing: .5px; font-weight: 300;max-width: 33.33%;flex: 0 0 33.33%; padding: 0; min-height: auto;position: relative;color: #fff; border-radius: 0;}
    .mobile-cta p {position: absolute; margin-bottom: 0; width: 100%; top: -12px; height: 150%; opacity: 0;}
    .mobile-cta .btn .icon_bg {height: 37px; width: 37px; margin: auto; display: flex; align-items: center; justify-content: center;}
    .mobile-cta .icon {width: 18px; height: 18px; object-fit: contain; display: block; margin: auto;}
    .mobile-cta a:nth-child(1) {background: #2297fa;}
    .mobile-cta a:nth-child(2) {background: #906be6;}
    .mobile-cta a:nth-child(3) {background: #7abf00;}


}