@media (min-width:240px) and (max-width:575px) {

    /* header */

    .navbar { padding: 47px 0 0 0 !important;}
    .nav-details .nav-link { margin: 0; padding: 0 0 40px 0 !important; }
    .navbar .navbar-nav { align-items: center; }
    .search { top: -15px; left: -20px; }
    .header-style { bottom: -15px; left: -14px; width: 100%;}
    .form-group input { display: none;}
    .mobile-btn { display: block; text-align: center; margin: 0 0 40px 0;}
    .flag-block {display: none;}
    .mobile-wrapper { display: block;}
    .apto-dropdown-wrapper { justify-content: center; float: inherit;} 
    .dropdown-item { justify-content: center; }
    .header-btn { display: none;}
      

    /* burger-menu */
   .nav-details { position: fixed; top: 130px; left: 0; width:100%; height: 100%; background: linear-gradient(103deg, #FCEED5 6.43%, #FCEED5 78.33%, #FFE7BA 104.24%); z-index:9999; max-width: 100%; margin: 0; padding: 40px 20px;}    
   .burger-menu { cursor:pointer; }
   .bar * { display: block; width: 18px; border-top: 2px solid #00171F; padding-top: 4px; cursor:pointer; transition:0.4s; }
   .bar-3 { padding-top: 0;}
   .change .bar-1 { -webkit-transform: rotate(-45deg) translate(-4px, 3px); transform: rotate(-45deg) translate(-4px, 3px); -moz-transform: rotate(-45deg) translate(-4px, 3px); -ms-transform: rotate(-45deg) translate(-4px, 3px); -o-transform: rotate(-45deg) translate(-4px, 3px); }
   .change .bar-2 {opacity:0;}
   .change .bar-3 { -webkit-transform: rotate(45deg) translate(-6px, -4px); transform: rotate(45deg) translate(-6px, -4px); -moz-transform: rotate(45deg) translate(-6px, -4px); -ms-transform: rotate(45deg) translate(-6px, -4px); -o-transform: rotate(45deg) translate(-6px, -4px); }
   /* burger-menu */

   /* header */


   /* banner */

   .banner-wrp { position: relative; border-radius: 0px 0px 20px 20px; overflow: hidden;}
   .banner-main  .row { margin: 0; }
   .banner-main  .row >* { padding: 0; }
   .banner-main { position: relative; max-width: 380px; margin: 0 auto; }
   .main-title { font-size: 46px; line-height: 60px; }
   .main-title span { font-size: 28px; line-height: 38px; }
   .banner-left .main-title::after  { display: none;}
   .banner-left { max-width: 385px; padding: 46px 0 25px 0; }
   .banner-left .detail { font-size: 12px; max-width: 385px; }
   .banner-img {display: none}
   .banner-moblie-img { display: block; }
   .banner-phone-img { display: block; z-index: 1; width: 414px; }
   .banner-right  { top: inherit; bottom: 0; right: 0; width: 414px;}
   .banner-style1 { display: none; }
   .banner-style2 { bottom: 0px; right: -130px; width: 485px; }
   .banner-style3 { display: none; }
   .phone-bg-style2 img { border-radius: 0 0 20px 0 ; -webkit-border-radius: 0 0 20px 0 ; -moz-border-radius: 0 0 20px 0 ; -ms-border-radius: 0 0 20px 0 ; -o-border-radius: 0 0 20px 0 ; }
   .phone-bg-style2 { display: block; position: absolute; width: 382px; bottom: 0; right: 0px; }
   .banner-style4 { top: 84px; left: 87%; }
   .banner-style5 { top: 132px; left: 75%; }
   .banner-style6 { top: 128px; left: 75%; }

    /* banner */


    /* our-pet */

    .our-pet { padding: 40px 0; }
    .our-pet-card  .row { margin: 0 7px; }
    .detail { font-size: 14px; }
    .tag-title { font-size: 20px; }
    .view-btn { display: none;}
    .mobile-view-btn { display: block;}
    .mobile-view-btn .white-btn { width: 100%; }
    .our-pet-card { padding: 20px 0 0 0; }
    .our-pet-block { max-width: 100%;  padding: 8px; margin: 0 0 12px 0; }
    .our-pet-bottom { padding: 4px; }
    .text { font-size: 14px;}
    .our-pet-inner { flex-direction: column; align-items: flex-start; gap: 4px; }
    .our-pet-inner .mini-title::before { position: unset;}

    /* our-pet */ 

    /* more-friend */

    .more-friend-main { overflow: hidden;}
    .more-friend-main .row { flex-direction: column-reverse; }
    .dog-title { font-size: 36px; line-height: 54px; }
    .dog-mini-title { font-size: 24px; line-height: 38px;}
    .friend-block .inner-detail { max-width: 342px; padding: 12px 0 32px 0; margin: 0 auto; }
    .friend-btn { justify-content: center;}
    .friend-block-style1 { display: none;}
    .friend-block-style2 { display: none;}
    .friend-block { max-width: 345px; margin: 0 auto; text-align: center; padding: 32px 0 23px 0; }
    .phone-style3  { display: block; position: absolute; top: -1px; left: -1px; z-index: -1;}
    .phone-style4  { display: block; position: absolute; top: 73%; left: -1px; z-index: -1; width: 100%;}
  
    /* more-friend */

    /* our-product */

    .our-product { display: none; }

    /* our-product */


    /* pet-seller */
 
    .pet-sellers { display: none; }
    
    /* pet-seller */


    /* adoption */

    .adoption { display: none; }

    /* adoption */


    /* pet-knowledge */

    .pet-knowledge-main { padding: 40px 0; }
    .useful-pet { margin: 0 auto 12px; }
    .pet-knowledge-block { padding:  20px 0 8px 0;}

    /* pet-knowledge */

    /* modal */

    /* .modal-content { width: 410px; }
    iframe { width: 380px; } */

    /* modal */

    /* footer */

    .footer { padding: 40px 0 20px 0; border-radius: 20px 20px 0px 0px; }
    .register { flex-direction: column; gap: 16px; padding: 16px; }
    .footer-form { flex-direction: column; padding: 12px; align-items: normal;  }
    .footer-form .blue-btn { width: 100%; margin: 12px 0 0 0; text-align: center;}
    .footer-block { flex-direction: column; gap: 20px;}
    .footer-list ul { gap: 40px; }
    .footer-block { padding: 40px 0;}
    .footer-inner { flex-direction: column-reverse; padding: 108px 0 0 0; }
    .footer-logo { position: absolute; bottom: 74px; left: auto;}
    .footer-sectoin { padding: 0 0 8px 0; }
    .footer-block::after { bottom: 155px; }
   
    /* footer */

    /*===========  2nd page ===========*/
    /*========== puppies  Start ==========*/

    .dog-header .navbar { padding: 13px 0 25px 0 !important; }
    .dog-header .nav-details { top: 60px; background: #FDFDFD; }
    .home { padding: 0 0 16px 0; }
    .more-fun-main { padding: 0; overflow: hidden;}
    .puppies-bg-style { display: block; position: absolute; top: 10px; right: 0;}
    .more-fun .friend-block { width: 376px; text-align: left; padding: 32px 0 165px 16px; margin: 0 ;}
    .more-fun-main .dog-title { position: relative;}
    .more-fun-main .dog-title::after { position: absolute; content: ""; top: 90px; right: 50px; border-radius: 4px; background: #002A48; width: 12.437px; height: 12.437px; transform: rotate(-30.589deg);}
    .more-fun .dog-title { font-size: 42px; line-height: 60px; color: #002A48; }
    .more-fun .dog-mini-title { font-size: 26px; color: #002A48; }
    .more-fun { padding: 0 0 22px 0; }
    .more-fun .inner-detail { color: #242B33; max-width: 346px; margin: 0 0 auto 0; }
    .dog-main { position: relative;}
    .puppies-img { left: -42px; right: -40px; }
    .friend-btn { padding:  0 0 30px 0; }
    .puppies-mobile-img { position: absolute; bottom: 0; }
    .dog-inner { display: flex; justify-content: space-between; align-items: center; padding: 0 0 25px 0; }
    .filter-toggle img { display: block; }
    .filter { display: block; }
    .popular-btn { display: block; }
    .more-fun .blue-btn { color: #FDFDFD; background-color: #003459; }
    .more-fun .play-btn { color: #003459; border: 1.5px solid #003459; background-color: transparent; }
    .dog-bg-style { bottom: inherit; top: 74%; right: -50px; width: 620px; }
    .dog-bg-style img { transform: rotate(-175.16deg); }

    /*=========== 2nd page ==========*/
    /*========== puppies End ==========*/


    /*=========== 3rd page ==========*/
    /*========== Large-dog Start ==========*/

    .large-dog-header .nav-details { top: 95px; background: #FDFDFD; }
    .about-dog-main { position: relative; border-radius: 20px; border: none;  padding: 25px 10px 122px 10px; }
    .contact-btn { gap: 8px; padding: 16px 0 27px 0;}
    .breadcrumb { padding: 34px 0 10px 0; margin: 0;}
    .SKU { display: none; }
    .icon { display: none;}
    .share {display: none;}
    .share-info .text-title img { margin: 0 8px 0 0; }
    .share-info { display: flex; justify-content: space-between; align-items: center; padding: 0 0 25px 0;}
    .table-title { padding: 4px 11px !important; }
    .health-block {flex-direction: column;align-items: flex-start; gap: 18px; padding: 14px 12px; margin: 0; position: absolute; bottom: 0; left: 0; width: 100%; }
    .customer-main { padding: 0;}
    .customer-block { padding: 16px 0 26px 0; }
    .slick-dots { padding: 18px 0 0 0; }
    .whats-new { padding: 46px 0 60px 0; }
    .dog-footer-main .footer-logo { position: unset; padding: 0 0 32px 0;}
    .dog-footer-main .footer-inner { display: block; text-align: center; padding: 56px 0 0 0;}
    .dog-footer-main .footer-sectoin { justify-content: center; }
    .dog-footer-main .footer-block::after { bottom: 130px; }
    .rights { display: none;}

    /*=========== 3rd page ==========*/
    /*========== Large-dog End ==========*/

}


@media (min-width:576px) and (max-width:767px) {

   /* header */

   .navbar { padding: 25px 0 !important;}
   .nav-details .nav-link { margin: 0; padding: 0 0 40px 0 !important;  }
   .search { top: -15px; left: -20px; }
   .header-style { bottom: 0; left: -30px; width: 575px;}
   .form-group input { display: none;}
   .mobile-btn { display: block; text-align: center; margin: 0 0 40px 0;}
   .flag-block {display: none;}
   .mobile-wrapper { display: block;}
   .apto-dropdown-wrapper { justify-content: center; float: inherit;} 
   .dropdown-item { justify-content: center; }
   .header-btn { display: none;}

   /* burger-menu */
   .nav-details { position: fixed; top: 100px; left: 0; width:100%; height: 100%; background: linear-gradient(103deg, #FCEED5 6.43%, #FCEED5 78.33%, #FFE7BA 104.24%); z-index:9999; max-width: 100%; margin: 0; padding: 40px 20px;}    
   .burger-menu { cursor:pointer; }
   .bar * { display: block; width: 18px; border-top: 2px solid #00171F; padding-top: 4px; cursor:pointer; transition:0.4s; }
   .bar-3 { padding-top: 0;}
   .change .bar-1 { -webkit-transform: rotate(-45deg) translate(-4px, 3px); transform: rotate(-45deg) translate(-4px, 3px); -moz-transform: rotate(-45deg) translate(-4px, 3px); -ms-transform: rotate(-45deg) translate(-4px, 3px); -o-transform: rotate(-45deg) translate(-4px, 3px); }
   .change .bar-2 {opacity:0;}
   .change .bar-3 { -webkit-transform: rotate(45deg) translate(-6px, -4px); transform: rotate(45deg) translate(-6px, -4px); -moz-transform: rotate(45deg) translate(-6px, -4px); -ms-transform: rotate(45deg) translate(-6px, -4px); -o-transform: rotate(45deg) translate(-6px, -4px); }
   /* burger-menu */

   /* header */

   /* banner */

    .banner-wrp { position: relative;  border-radius: 0px 0px 30px 30px; -webkit-border-radius: 0px 0px 30px 30px; -moz-border-radius: 0px 0px 30px 30px; -ms-border-radius: 0px 0px 30px 30px; -o-border-radius: 0px 0px 30px 30px; }
    .banner-main { position: relative; }
    .main-title { font-size: 46px; line-height: 55px; }
    .main-title span { font-size: 28px; }
    .banner-left .main-title::after  { display: none;}
    .banner-left { max-width: 414px; padding: 20px 0 90px 0; }
    .banner-left .detail { font-size: 12px; }
    .banner-img {display: none}
    .banner-phone-img { display: block; z-index: 1; width: 475px; }
    .banner-right  { top: inherit; bottom: 0; right: 0; width: 414px;}
    .banner-style1 { display: none; }
    .banner-style2 { bottom: 0px; right: -28px; width: 530px; }
    .banner-style3 { display: none; }
    .phone-bg-style2 img { border-radius: 0 0 30px 0 ; -webkit-border-radius: 0 0 30px 0 ; -moz-border-radius: 0 0 30px 0 ; -ms-border-radius: 0 0 30px 0 ; -o-border-radius: 0 0 30px 0 ; }
    .phone-bg-style2 { display: block; position: absolute; width: 556px; bottom: 0; right: 0px; }
    .banner-style4 { top: 55px; left: 64%; }
    .banner-style5 { top: 95px; left: 56%; }
    .banner-style6 { top: 98px; left: 56%; }
 
    /* banner */


    /* our-pet */

    .our-pet { padding: 30px 0; }
    .tag-title { font-size: 20px;}
    .white-btn { padding: 8px 18px; gap: 5px;}
    .our-pet-card { padding: 25px 0 0 0; }
    .our-pet-block { width: 250px; margin: 0 0 25px 0; }
    .view-btn {display: none; }
    .text {font-size: 14px;}
    .text-title  { font-size: 15px;}
    .detail { font-size: 14px; }
    .mobile-view-btn { display: block;}
    .mobile-view-btn .white-btn { width: 100%; }

    /* our-pet */


    /* more-friend */

    .more-friend-main { overflow: hidden;}
    .more-friend-main .row { flex-direction: column-reverse; }
    .dog-title { font-size: 44px; line-height: 60px; }
    .dog-mini-title { font-size: 32px; }
    .friend-block .inner-detail { max-width: 342px; margin: 0 auto; }
    .friend-btn { justify-content: center;}
    .friend-block-style1 { display: none;}
    .friend-block-style2 { width: 495px; }
    .friend-block { text-align: center; padding: 25px 0 15px 0; }
    .phone-style3  {display: block; position: absolute; top: -115px; left: -1px; z-index: -1;}

    /* more-friend */


    /* our-product */

    .our-product { padding: 50px 0 40px 0; }
    .our-product-card { padding: 25px 0 0 0; }
    .our-product-block { width: 250px; height: 415px; margin: 0 0 15px 0; }
    .gift-box { gap: 18px; }

    /* our-product */


    /* pet-sellers */

    .pet-sellers { display: none; padding: 55px 0 30px 0; }
    .seller-img { padding: 0 5px; }

    /* pet-sellers */

    /* adoption */

    .adoption { display: none; }

    /* adoption */

    /* pet-knowledge */
    
    .pet-knowledge-main { padding: 46px 0 40px 0; }
    .pet-knowledge-block { padding:  20px 0 8px 0;}
    .useful-pet { width: 504px; padding: 20px; margin: 0 0 12px 0;}
    .usesful-pet-bottom .text { font-size: 18px; }
    .usesful-pet-bottom .title-text { font-size: 16px; }
    .light-blue-btn { padding: 6px 12px; }
    .usesful-pet-bottom { margin: 0 0 25px 0;}

    /* pet-knowledge */

    
    /* footer */

    .footer { padding: 40px 0 20px 0; border-radius: 20px 20px 0px 0px; }
    .register { flex-direction: column; padding: 30px 20px; }
    .register .tag-title { width: 420px; }
    .footer-form { flex-direction: column; padding: 15px; align-items: normal; }
    .footer-form .blue-btn { width: 100%; margin: 12px 0 0 0; text-align: center;}
    .footer-block { flex-direction: column; gap: 20px;}
    .footer-block { padding: 40px 0;}
    .footer-inner { flex-direction: column-reverse; padding: 108px 0 0 0; }
    .footer-logo { position: absolute; bottom: 74px; left: auto;}
    .footer-sectoin { padding: 0 0 8px 0; }
    .footer-block::after { bottom: 155px; }
   
    /* footer */


    /*===========  2nd page ===========*/
    /*========== puppies  Start ==========*/

    .dog-header .navbar { padding: 13px 0 25px 0 !important; }
    .dog-header .nav-details { top: 80px; background: #FDFDFD; }
    .more-fun { padding: 0 0 22px 0; }
    .more-fun-main { padding: 0; overflow: hidden;}
    .more-fun .dog-title { color: #002A48; }
    .more-fun-main .dog-title { position: relative;}
    .more-fun-main .dog-title::after { position: absolute; content: ""; top: 88px; right: 135px; border-radius: 4px; background: #002A48; width: 12.437px; height: 12.437px; transform: rotate(-30.589deg);}
    .more-fun .dog-mini-title { color: #002A48; }
    .more-fun .friend-block { text-align: left; padding: 32px 0 210px 30px; }
    .more-fun .inner-detail { color: #242B33; max-width: 394px; margin: 0 0 auto 0; }
    .more-fun .friend-btn { justify-content: flex-start; }
    .more-fun .blue-btn { color: #FDFDFD; background-color: #003459; }
    .more-fun .play-btn { color: #003459; border: 1.5px solid #003459; background-color: transparent; }
    .dog-main { position: relative; }
    .filter-toggle img { display: block; }
    .puppies-img { left: -54px; width: 615px; }
    .puppies-mobile-img { position: absolute; bottom: 0; }
    .dog-inner { display: flex; justify-content: space-between; align-items: center; padding: 0 0 25px 0; }
    .popular-btn { display: block; }
    .filter { display: block; }
    .dog-bg-style { bottom: -135px; right: -50px; width: 586px; }
    .dog-bg-style img { transform: rotate(-175.16deg); }
    
    /*=========== 2nd page ==========*/
    /*========== puppies End ==========*/
 

    /*=========== 3rd page ==========*/
    /*========== Large-dog Start ==========*/

    .large-dog-header .nav-details { top: 80px; background: #FDFDFD; }
    .about-dog-main { position: relative; border-radius: 20px; border: none;  padding: 25px 10px 122px 10px; }
    .breadcrumb { padding: 34px 0 10px 0; margin: 0;}
    .SKU { display: none; }
    .icon { display: none;}
    .share {display: none;}
    .share-info .text-title img { margin: 0 8px 0 0; }
    .share-info { display: flex; justify-content: space-between; align-items: center; padding: 0 0 25px 0;}
    .table-title { padding: 4px 11px !important; }
    .health-block {flex-direction: column;align-items: flex-start; gap: 18px; padding: 14px 12px; margin: 0; position: absolute; bottom: 0; left: 0; width: 100%; }
    .customer-main { padding: 0;}
    .customer-block { padding: 16px 0 26px 0; }
    .slick-dots { padding: 18px 0 0 0; }
    .whats-new { padding: 46px 0 60px 0; }
    .dog-footer-main .footer-logo { position: unset; padding: 0 0 32px 0;}
    .dog-footer-main .footer-inner { display: block; text-align: center; padding: 56px 0 0 0;}
    .dog-footer-main .footer-sectoin { justify-content: center; }
    .dog-footer-main .footer-block::after { bottom: 130px; }
    .rights { display: none;}

    /*=========== 3rd page ==========*/
    /*========== Large-dog End ==========*/

}


@media (min-width:768px) and (max-width:991px) {  

    /* header */

    .nav-details .nav-link { margin: 0; }
    .search { top: -15px; left: -20px; }
    .navbar { padding: 20px 0 !important; }
    .nav-details .nav-link { margin: 0; padding: 0 0 60px 0 !important;  }
    .header-style { bottom: 0; left: -5px; }
    .form-group input { display: none;}
    .mobile-btn { display: block; text-align: center; }
    .mobile-btn .blue-btn { font-size: 16px; padding: 15px 30px; margin: 0 0 60px 0;}
    .flag-block {display: none;}
    .mobile-wrapper { display: block;}
    .apto-dropdown-wrapper { justify-content: center; float: inherit;} 
    .dropdown-item { justify-content: center; }
    .header-btn { display: none;}
    .blue-btn { font-size: 13px; line-height: 16px; padding: 6px 10px; }

    /* burger-menu */
    .nav-details { position: fixed; top: 95px; left: 0; width:100%; height: 100%; background: linear-gradient(103deg, #FCEED5 6.43%, #FCEED5 78.33%, #FFE7BA 104.24%); z-index:9999; max-width: 100%; margin: 0; padding: 40px 20px;}    
    .burger-menu { cursor:pointer; }
   .bar * { display: block; width: 18px; border-top: 2px solid #00171F; padding-top: 4px; cursor:pointer; transition:0.4s; }
   .bar-3 { padding-top: 0;}
   .change .bar-1 { -webkit-transform: rotate(-45deg) translate(-4px, 3px); transform: rotate(-45deg) translate(-4px, 3px); -moz-transform: rotate(-45deg) translate(-4px, 3px); -ms-transform: rotate(-45deg) translate(-4px, 3px); -o-transform: rotate(-45deg) translate(-4px, 3px); }
   .change .bar-2 {opacity:0;}
   .change .bar-3 { -webkit-transform: rotate(45deg) translate(-6px, -4px); transform: rotate(45deg) translate(-6px, -4px); -moz-transform: rotate(45deg) translate(-6px, -4px); -ms-transform: rotate(45deg) translate(-6px, -4px); -o-transform: rotate(45deg) translate(-6px, -4px); }
   /* burger-menu */
    
    /* header */
    
    /* banner */
    
    .banner-left { max-width: 275px; padding: 35px 0 100px 0; }
    .main-title { font-size: 35px; line-height: 35px; }
    .main-title span { font-size: 26px; }
    .banner-left .main-title::after { top: -2px; left: -9px; width: 40.103px; height: 40.103px; border-radius: 12px;}
    .detail { font-size: 13px; line-height: 20px; }
    .banner-left .detail { padding: 10px 0 18px 0; }
    .banner-btn { gap: 10px; }
    .play-btn { gap: 5px;}
    .banner-right {top: 14px; right: -35px; width: 495px; }
    .banner-style1 { width: 440px;}
    .banner-style2 {right: 60px; width: 360px; }
    .banner-style3 { right: 7px; width: 405px;}
    .banner-style4 {top: 30px; left: 52%; }
    .banner-style5 { top: 80px; left: 48%; }
    .banner-style6 { top: 85px; left: 48%; }

    /* banner */


    /* more-friend */

    .more-friend-main  .row { margin: 0; }
    .more-friend-main  .row >* { padding: 0; }
    .friend-block { padding: 0 15px 0 0; }
    .friend-img  img { width: 410px; }
    .dog-title { font-size: 30px; line-height: 28px; }
    .dog-mini-title { font-size: 21px; }
    .friend-btn { gap: 6px; }
    .friend-block-style2 {width: 455px; }
    .friend-block-style1 {width: 396px; }

    /* more-friend */


    /* our-product */

    .our-product { padding: 50px 0 40px 0; }
    .white-btn {padding: 10px 20px; }
    .our-product-block { padding: 5px 5px 0 4px; }
    .gift-box { gap: 10px; padding: 6px 8px;}

    /* our-product */


    /* pet-sellers */

    .seller-img { padding: 0 10px; }

    /* pet-sellers */


    /* adoption */

    .adoption-style1 { width: 382px; }
    .adoption-block { width: 310px; margin: 0 0 0 15px; }
    .dog-mini-title 
    .adoption-main .dog-title img { margin: 0 0 0 10px; }
    .adoption-main .inner-detail { padding: 8px 0 24px 0; }
    .adoption-btn { gap: 5px; }
    .adoption-main .row { margin: 0; }
    .adoption-main .row >* { padding: 0; }

    /* adoption */


    /* pet-knowledge */

    .useful-pet { width: 345px; margin: 0 0 25px 0; }
    .adoption-style2 { top: 35px; width: 420px; }

    /* pet-knowledge */


    /* footer */

    .footer { padding: 50px 25px 30px 25px; }
    .register { padding: 20px; }
    .register .tag-title { width: 230px; }
    .tag-title { font-size: 18px; }
    .footer-form { max-width: 420px; }
    .footer-form .form-control { padding: 10px 15px; }
    .footer-form .blue-btn { padding: 12px;}
    .footer-list ul { gap: 40px; }
    .footer-icon ul li a { font-size: 25px; }
    .footer-icon ul { gap: 30px; }

    /* footer */


    /*===========  2nd page ===========*/
    /*========== puppies  Start ==========*/

    .dog-header .nav-details { top: 80px; background: #FDFDFD; }
    .more-fun-main { padding: 21px 0 40px 0; }
    .price { flex-direction: column; align-items: flex-start;}
    .dog-bg-style {width: 480px;}
    .puppies-img { left: 0; }
    .puppies-img img { width: 390px; }
  
    /*=========== 2nd page ==========*/
    /*========== puppies End ==========*/


    /*=========== 3rd page ==========*/
    /*========== Large-dog Start ==========*/

    .large-dog-header .nav-details { top: 75px; background: #FDFDFD; }
    .about-dog-main {padding: 15px 10px; }
    .about-dog-main .row { margin: 0 -10px; }
    .about-dog-main .row>* { padding: 0 10px; }
    .slick-arrow { width: 30px; height: 30px; padding: 1px 7px 4px 10.5px;}
    .slick-arrow svg { width: 8px; }
    .health-block { flex-direction: column; align-items: flex-start; gap: 10px; margin: 20px 0 15px 0; }
    .breadcrumb { margin: 0 0 8px 0;}
    .breadcrumb li { margin: 0 4px !important; }
    .vnd-title { font-size: 18px; }
    .contact-btn { padding: 10px 0; } 
    .contact-btn .play-btn { gap: 6px; padding: 4px 10px 3px 12px; }
    .contact-btn svg { width: 16px;}
    .table-title { padding: 5px 0 !important;}
    .whats-new { padding: 70px 0 40px 0; }

    /*=========== 3rd page ==========*/
    /*========== Large-dog End ==========*/


}


@media (min-width:992px) and (max-width:1199px) {

    /* header */

    .navbar { padding: 20px 0 !important; }
    .navbar-brand {margin: 0 !important; width: 90px !important;}
    .nav-details .nav-link {font-size: 15px; margin: 0 0 0 34px; }
    .form-group { margin: 0 0 0 20px;}
    .form-group .form-control { padding: 10px 15px 10px 30px; }
    .search {left: 8px; width: 16px; }
    .form-group .form-control { width: 213px; }
    .header-btn { margin: 0 10px; }
    .blue-btn { padding: 8px 15px 8px 15px; font-size: 15px; }
    .header-style { bottom: 0; left: -130px; width: 360px; }
    .apto-trigger-dropdown .fa-angle-down { margin: 0 0 0 7px; }

    /* header */


    /* banner */

    .banner-left { max-width: 480px; padding: 45px 0 147px 0; }
    .main-title { font-size: 48px; line-height: 55px; }
    .main-title span { font-size: 34px; }
    .banner-left .main-title::after { width: 55.103px; height: 55.103px; }
    .detail { font-size: 14px; }
    .banner-left .detail { padding: 18px 0 30px 0; }
    .banner-right { top: 40px; right: -26px; width: 640px; }
    .banner-btn { gap: 10px; }
    .banner-style1 { left: 0px; width: 450px; }
    .banner-style2 { right: 75px; width: 480px;}
    .banner-style3 { right: 5px; width: 540px; }
    
    /* banner */


    /* our-pet */

    .our-pet-card { padding: 30px 0 0 0; }
    .text-title { font-size: 15px;  }
    .text { font-size: 15px; }
    .tag-title { font-size: 22px; }

    /* our-pet */

    /* more-friend */

    .friend-block .inner-detail { padding: 5px 0 20px 0; }
    .friend-block { padding: 0 50px 0 0; }
    .friend-block-style1 { width: 518px;}
    .friend-block-style2 { width: 590px;}

    /* more-friend */

    /* our-product */

    .our-product-card { padding: 30px 0 0 0; }
    .our-product-block { width: 225px; height: 390px; padding: 8px 6px 0 6px; }
    .our-product-bottom { padding: 8px 4px 20px 4px; }
    .our-product-inner  { gap: 23px;}
    .gift-box { gap: 6px; }
    .white-btn { padding: 8px 20px; }

    /* our-product */


    /* pet-knowledge */

    .pet-knowledge-block { padding: 25px 0 0 0; }
    .useful-pet { width: 300px;  padding: 5px;}
    .usesful-pet-bottom { padding: 5px; }

    /* pet-knowledge */


    /* adoption */

    .dog-title { font-size: 42px; line-height: 50px; }
    .dog-mini-title { font-size: 32px; }
    .adoption-main .inner-detail { width: 205px; padding: 5px 0 24px 0; }
    .adoption-style1 { width: 500px; }
    .adoption-style2 { width: 516px; }

    /* adoption */


    /* footer */

    .register { padding: 20px; }
    .tag-title { font-size: 20px; }
    .register .tag-title { max-width: 240px; }
    .footer-form .form-control { padding: 10px 15px; }
    .footer-list ul { gap: 40px; }
    .footer-icon ul li a { font-size: 25px; }
    .footer-icon ul { gap: 30px; }
 
    /* footer */


    /*=========== 2nd page ==========*/
    /*========== puppies Start ==========*/

    .more-fun-main { padding: 48px 0; }
    .dog-bg-style img { width: 632px; }
    .puppies-img img { width: 495px; }
    .puppies-img { left: 28px; }
  
    /*=========== 2nd page ==========*/
    /*========== puppies End ==========*/


    /*=========== 3rd page ==========*/
    /*========== Large-dog Start ==========*/

    .slick-arrow { width: 30px; height: 30px; padding: 1px 7px 4px 10.5px;}
    .slick-arrow svg { width: 8px; }
    .health-block { flex-direction: column; align-items: flex-start; gap: 10px; margin: 20px 0 15px 0; }
    .table-title { padding: 6px 10px !important; }

    /*=========== 3rd page ==========*/
    /*========== Large-dog End ==========*/

}


@media  (min-width:1200px) and (max-width:1299px) {
    

    /* header */

    .navbar { padding: 25px 0 !important; }
    .main-title { font-size: 55px; }
    .main-title span { font-size: 40px; }
    .form-group .form-control { width: 260px; }
    .blue-btn { padding: 10px 11px; }
    .header-style { bottom: 0px; left: -125px; width: 410px; }

    /* header */


    /* banner */

    .banner-left { padding: 60px 0 145px 0; }
    .banner-right { right: -45px; width: 785px; }
    .banner-style1 { left: -90px;}
    .banner-style2 { right: 74px; width: 603px; }
    .banner-style3 {right: -10px; width: 675px; }

    /* banner */


    /* our-pet */

    .text { font-size: 15px; }

    /* our-pet */


    /* more-friend */

    .friend-block-style1 { width: 621px;}
    .friend-block-style2 { width: 660px;}

    /* more-friend */

    /* adoption */

    .adoption-style1 { width: 598px; }
    .adoption-style2 { width: 644px;}

    /* adoption */


    /* pet-knowledge */

    .useful-pet { width: 352px; height: 425px; }

    /* pet-knowledge */


    /* footer */

    .register { padding: 25px; }

    /* footer */


    /*=========== 3rd page ==========*/
    /*========== Large-dog Start ==========*/

    .about-dog-main .row { margin: 0 -7px; }
    .about-dog-main .row>* { padding: 0 7px; }
    .shiba-inner .slick-slide { margin: 0 5.5px; }
    .health-block { padding: 9px; }

    /*=========== 3rd page ==========*/
    /*========== Large-dog End ==========*/

}


@media ( min-width:1300px) and (max-width:1399px) {

    /* header */

    .header-style {bottom: 0px; left: -280px; }
    .header-btn { margin: 0 10px; }
    .form-group .form-control { width: 240px; }
    
    /* header */

    /* banner */
    
    .main-title { font-size: 58px; }
    .main-title span { font-size: 45px; }
    .banner-left { padding: 60px 0 180px 0; }
    .banner-right { top: -3px; right: -95px; width: 832px; }
    .banner-style2 {right: 55px; width: 620px; }
    .banner-style3 { width: 695px; }


    /* banner */

    /* our-pet */

    .text { font-size: 15px; }
 
    /* our-pet */

    /* more-friend */

    .friend-block-style2 { width: 735px; }
    .friend-block-style1 { width: 621px; }

    /* more-friend */

    /* pet-knowledge */

    .useful-pet { width: 352px; height: 425px; }

    /* pet-knowledge */

    /* adoption */

    .adoption-main .inner-detail { padding: 8px 0 35px 0; }
    .adoption-style1 { width: 598px; }
    .adoption-block { margin: 0 0 0 50px }

    /* adoption */

    /* footer */

    .footer-form .blue-btn { padding: 10px 24px 10px 24px; }

    /* footer */

    /*=========== 3rd page ==========*/
    /*========== Large-dog Start ==========*/

    .about-dog-main .row { margin: 0 -7px; }
    .about-dog-main .row>* { padding: 0 7px; }
    .shiba-inner .slick-slide { margin: 0 5px; }
    .health-block { padding: 9px; }

    /*=========== 3rd page ==========*/
    /*========== Large-dog End ==========*/

}


@media (min-width:1400px) {

    .container {
        max-width: 1210px;
    }
}