/* @media only screen 
    and (min-device-width: 375px) 
    and (min-device-height: 812px) 
    and (device-pixel-ratio: 2)
    and (orientation: portrait) { */
/* @media only screen 
    and (min-device-width: 360px) 
    and (min-device-height: 748px) 
    and (device-pixel-ratio: 3)
    and (orientation: portrait) {  */
      
@media screen and (min-width: 360px) and (max-width: 748px) {


      .site-header__search-mob{
        display: inline-block;
        margin: 1.8% auto;
        width: 100%;
      }

      .cozyproduct-card {
        width: 265px;
      }

      .cozykids-related-header {
        position: relative;
        width: 323px;
        margin: 25% auto;
        padding-left: 17.3%;
      }

      header {
        height: 74px;
        background: transparent;
      }

      #PageContainer {
        overflow: hidden;
        margin-top: 84px;
      }

      #announcement-banner, .cozy-login-wrapper, .cozy-cart-wrapper, .cozy-lang-switcher-wrapper{
        display: none;
      }

      .menu-container{
        height: 74px;
        width: 390px !important;
        border-radius: 41px;
        left: -30px;
        top: 0;
      }

      .site-header__logo {
        text-align: center;
        margin: 18px 0 0 -53px;
        max-width: 100%;
      }

      .menu {

        font-size: 2.5em;
        position: absolute;
        z-index: 100;
        transition: all 0.3s;
        top: 11px;
        left: 42px;
        width: 38px;
      }

      #bc-sf-filter-default-toolbar{
        display: none;
      }

      .mobile-search-btn{
        display: block !important;
        height: 42px;
        position: absolute;
        top: 27px;
        right: 88px;
        z-index: 10;
      }

      .cozykids-search-img{
        width: 25px;
        height: 25px;
      }

      .toggle-mnu {
        margin-top: 18px;
      }

      .cozy-menu-txt{
        display: none;
      }

      .menu-container.full-menu {
        top: 0;
      }

      .herobox1 {
        height: 100%;
        width: 32px;
        border-radius: 0 100px 100px 0;
        position: absolute;
        top: 0;
        right: -32px;
      }

      .cozyhero-col1 {
        width: 91%;
        position: relative;
      }

      .cozykids-hero {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      }

      .cozyhero-col2 {
        position: relative;
        height: auto;
        right: 0%;
        width: 100%;
        margin: 5% auto;
      }

      .cozyhero-monogram1 {
        font-family: tondo, sans-serif;
        font-size: 112px;
        letter-spacing: -40px;
        line-height: 267px;
        position: absolute;
        bottom: 0;
        right: 25%;
      }

      .cozyhero-monogram2 {
        font-family: tondo, sans-serif;
        font-size: 112px;
        letter-spacing: -40px;
        line-height: 303px;
        position: absolute;
        bottom: 0;
        right: 37px;
        height: auto;
      }

      .cozyhero-ctx-wrapper1 {
        position: relative;
        padding: 0 5%;
      }

      .cozyhero-ctx-wrapper1 .ctx1 {
        height: inherit;
        width: inherit;

        font-family: tondo, sans-serif;
        font-size: 20px;
        font-weight: bold;
        line-height: 51px;
      }

      .cozyhero-ctx-wrapper1 .ctx2 {
        height: inherit;

        font-family: tondo, sans-serif;
        font-size: 31px;
        font-weight: bold;
        line-height: 37px;
        width: 100vw;
        position: absolute;
      }

      .cozyhero-newbadge {
        height: 150px;
        width: 47px;
      }

      .cozyhero-newbadge .cozyhero-badge-txt {
        font-family: tondo, sans-serif;
        width: 82px;
        transform: rotate(-90deg);

        font-size: 30px;
        font-weight: bold;
        line-height: 33px;
        margin: 73% -39%;
      }

      .cozyteam-link{
        left: 27px;
      }

      .cozyteam-linktxt {
        right: 25%;
      }

      .cozyteam-title {
        width: 100%;
        text-align: center;
        padding: 10% 0 0 0;
      }

      .cozyteam-subtitle {
        width: 100%;
        text-align: center;
        /* 	padding: 10% 0 0 0; */
      }

      .cozyteam-1{
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      }
      .cozyteam-elements {
        position: absolute;
        top: -131px;
        right: -8.5%;
      }

      .cozyteam-p1, .cozyteam-p2, .cozyteam-p3{
        padding: 0 13%;
        width: 100%;
      }


      .cozyteam-tagline {
        width: 100%;
        text-align: center;
      }

      .cozyfavs {
        width: 95%;
        height: 66px;
        border-radius: 33px;

        position: absolute;
        top: 0;
        left: -8%;
        z-index: 1;
      }

      .cozyfavs-products {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      }

      .cozyvideo-title-wrapper {
        width: 65vw !important;
        height: 52px !important;
        left: -61px !important;
        margin-top: 25px !important;
      }

      .cozyvideo-title {
        line-height: 20px !important;
      }

      .videoPoster::before {
        height: 105px !important;
        width: 105px !important;
      }

      .videoPoster::after {
        left: 51.8% !important;
      }

      .video_wrapper{
        height:315px !important;
      }

      .cozyvideo-ctx {
        height: auto;
        margin-top: -33%;
        right: 0vw;
        width: 100vw;
      }

      .cozyvideo-content {
        padding: 35% 9%;
      }

      .cozyvideo-product-card {
        margin-top: -35%;
        right: 45px; 
      }
  
      #instafeed a img {
          height: auto;
      }

      .cozykids-new-arrivals {
        width: auto;
        display: block;
        margin-left: 0;
        margin-right: 0;
        margin-top: 55%;
        margin-bottom: 10%;
        position: relative;
        min-height: 499px;
        padding: 5%;
      }

      .cozykids-arrivals-wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      }

      .cozynew-border-right {
        height: 100%;
        width: 59px;
        right: -47.5px;
        top: 17px;
      }

      .cozynew-border-left {
        height: 100%;
        width: 59px;
        left: -47.5px;
      }

      .cozynew-desc, .cozynew-product-img, .cozynew-product-vendor,
      .cozynew-product-title, .cozynew-product-price{
        width: auto;
      }

      .cozybrands{
        display: none;
      }

      .cozykids-brand-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      }

      .cozykids-brands {
        width: 100%;
        display: grid;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        margin-top: 15%;
        margin-bottom: 10%;
        position: relative;
        min-height: 800px;
      }

      .cozykids-brand-bg {
        height: auto;
        left: -14px;
        position: relative;
        width: 100vw;
        z-index: 0;
        border-radius: 166px;
        min-height: 800px;
      }

      .cozybrand-product-card {
        height: 339px;
        width: 339px;

        box-shadow: 0 0 5px 0 rgba(0,0,0,0.1);
        padding: 5%;
        margin: 10% auto;
      }


      .cozykids-brand-photo {
        height: 299px;
        width: 342px;
        margin: auto;
      }

      .cozykids-brand-photo img {
        width: 100%;
      }

      .cozykids-brand-logo {
        margin: 0 auto;
        text-align: center;
      }

      .cozykids-brand-initials {
        left: 13px;
        height: auto;
        font-size: 133px;
        line-height: 160px;
      }

      .cozybrand2{
        margin: auto;
        position: relative;
        padding: 0 15% 15% 15%;
      }

      .cozybrand-desc {
        height: auto;
        width: auto;

        font-family: tondo, sans-serif;
        font-size: 18px;
        line-height: 22px;
        padding: 10% 0;
        margin: auto;
      }

      .cozybrand-product-card-wrapper1, .cozybrand-product-card-wrapper2{
        position: relative;
        margin: 0;
      }

      .cozykids-insta {
        height: auto;
        padding: 10%;
      }

      .cozykids-insta #instafeed {
        grid-template-columns: repeat(auto-fit, minmax(274px, 1fr));
      }

      .cozyinsta-title {
        margin-top: -69px;
      }

      .cozykids-brands-general {
        width: 100vw;
        height: auto;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        margin-top: 10%;
        margin-bottom: 10%;
        position: relative;
        min-height: inherit;
      }

      .cozybrands-row1, .cozybrands-row2, .cozybrands-row3, .cozybrands-row4 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
        text-align: center;
      }

      .cozykids-footer .cozyfooter-row2 {
        height: auto;
      }

      .cozyfooter-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        grid-auto-flow: dense;
      }

      .cozyfooter3 {
        height: 100%;
        padding: 100px 0 0 0;
      }

      .cozyfooter4 {
        display: inherit;
        height: auto;
        width: auto;

        font-family: tondo, sans-serif;
        font-size: 16px;
        line-height: 27px;
        padding: 15% 0;
      }

      .cozyfooter-elements {
        position: absolute;
        right: -9%;
        bottom: 0;
      }


      .desktop-menu{
        display: none;
      }

      .mobile-menu{
        display: block;
      }

      /*   .site-header__logo {
      text-align: center;
      margin: 26px 0 0 111px;
      max-width: 100%;
    }

      .menu {

      font-size: 2.5em;
      position: absolute;
      z-index: 100;
      transition: all 0.3s;
      top: 11px;
      left: 38%;
    } */

      .mobile-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 0%;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
      }

      .mobile-overlay.open {
        opacity: 1;
        visibility: visible;
        height: 100%;
        z-index: 3;
        top: 59px;
        overflow-y: scroll;
      }

      .mobile-overlay.open li {
        animation: fadeInRight .5s ease forwards;
        animation-delay: .35s;
      }

      .mobile-overlay.open li:nth-of-type(2) {
        animation-delay: .4s;
      }

      .mobile-overlay.open li:nth-of-type(3) {
        animation-delay: .45s;
      }

      .mobile-overlay.open li:nth-of-type(4) {
        animation-delay: .50s;
      }

      .mobile-overlay nav {
        font-size: 14px;
        font-family: tondo, san-serif;
        position: relative;

        height: 190vh;
        top: 10px;
        /*    transform: translateY(-50%); */
        font-weight: 400;
        text-align: center;
        cursor: pointer;
        overflow-y: scroll;
      }

      .mobile-overlay ul {
        list-style: none;
        padding: 0;
        margin: 0 auto;
        display: inline-block;
        position: relative;
        height: auto;
      }

      .mobile-overlay ul li {
        display: block;
        height: 25%;
        height: 50px;
        min-height: 50px;
        position: relative;
        opacity: 0;
      }

      .mobile-overlay ul li a {
        display: block;
        position: relative;

        text-decoration: none;
        overflow: hidden;
        opacity: 1;
        transform: scale(1);
        transition: all 0.3s;
        font-size: 22px;
      }

      .mobile-overlay ul li a:hover, .mobile-overlay ul li a:focus, .mobile-overlay ul li a:active {
        opacity: 1;
        transform: scale(1.2);
        transition: all 0.3s;
      }

      .cozymenu-active{

        font-family: tondo, sans-serif !important;
        font-size: 2.5em !important;
        font-weight: bold !important;
        line-height: 2em !important;
        cursor: pointer !important;
        transition: all 0.3s;
        margin-bottom: 0 !important;
      }

      .cozymenu-offers {

        font-family: tondo, sans-serif;
        font-size: 2.5em;
        font-weight: 300;
        line-height: 2em;
        display: inherit;
      }

      .mobile-overlay li:last-child a:last-child{

        font-family: Tondo;
        font-size: 17px;
        font-weight: bold;
        line-height: 17px;
        margin-top: 5%;
      }

      .cart-row-mobile{
        padding: 3%;
        margin: auto;
      }

      .cozycart-free-shipping {
        margin: 0 0 0 35%;
      }

      .cozycart-notes-label {
        padding: 0;
      }

      .cart__remove {
        position: absolute;
        left: 0;
        top: 0;
      }

      .product-single{
        margin: auto;
      }

      .breadcrumb {
        position: absolute;
        top: 84px;
      }

      .cozyproduct-title {
        width: 100%;

        font-family: tondo, sans-serif;
        font-size: 36px;
        font-weight: bold;
        line-height: 34px;
        margin-bottom: 0;
        position: absolute;
        top: 162px;
      }

      .cozyproduct-vendor {
        margin: 0;
        position: absolute;
        top: 315px;
        text-align: center;
        width: 388px;
      }

      .product-single__photos {
        min-height: 330px;
        max-width: 548px;
        margin-top: 300px;
      }


      .product-description {
        width: 100%;
        margin: 10% 0 10% 0;
      }

      .cozyproduct-price {
        margin: 0% 23%;
      }

      .mobile-cart-btn{
        display: block;
        height: 81px;
        width: 101px;
        position: absolute;
        top: -51px;
        right: -20px;
        z-index: 10;
      }

      .eupopup-container {
        height: auto;
        border-radius: 45px;

        margin: 0 5%;

        padding: 5px 20px;
        font-size: 12px;
        line-height: 1.2em;
        text-align: center;
        display: none;
        z-index: 9999999;
      }

      .cozy-cookie-wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        padding: 2%;
      }

      .eupopup-body {

        font-family: Tondo;
        font-size: 11px;
        font-weight: 300;
        line-height: 16px;
        text-align: left;
        padding: 10% 0%;
        margin: auto;
      }

      #CartCount {
        height: 38px;
        width: 58px;

        font-family: eldwin-script, sans-serif;
        font-size: 12px;
        line-height: 29px;
        text-align: center;
        float: left;
        margin-top: -30px;
        margin-left: 5px;
        font-weight: bold;
      }

      #CustomerEmail, #CustomerPassword, #FirstName, #LastName, #Email, #CreatePassword, #RecoverEmail, #CustomerPasswordConfirmation, #ResetPassword, #PasswordConfirmation {
        height: 51px;
        width: 310px;
        border: 2px solid #7f8f83;
        border-radius: 8px;
        margin: 4% auto;
        padding: 0 4%;

        font-family: tondo, sans-serif;
        font-size: 20px;
        font-weight: bold;
      }
  
      .bc-sf-filter-product-item.bc-sf-filter-grid-width-mb-2 {
        width: 305px !important;
        margin: auto;
/*         left: 24px; */
      }
  
      .cart__row{
       display: flex;
       flex-direction: column-reverse;
      }
  
  	  .template-collection .bc-sf-filter-product-item {
          min-height: 586px !important;
      }

      #bc-sf-filter-wrapper {
        margin-top: 10%;
        margin: auto;
        width: 313px;
      }

    
    }