@media screen and (min-width: 1023.99px) and (orientation: landscape) {  
.tryon-frame .mirror-loader{
    display:flex!important;
}
.tryon-frame button.round.btnStartTryon:hover , .tryon-frame button.round.uploadPic:hover {
    transform: scale(1.08);
    transition: transform 0.3s ease, background-color 0.3s ease, filter 0.3s ease;
}

.product-card__content{
	position:relative
}
.grid__item .initTryon {
    position: absolute;
    right: -20px;
    top: auto;
    left: auto;
    bottom: 42px !important;
}
.grid__item .initTryon { 
        position: absolute;
        right: -20px;
        top: auto;
        left: auto;
        bottom: 42px !important;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 0;
        background: #cd2121;
        color: #fff;
        padding: 4px;
        font-size: 11px;
		z-index:999;
	}
      .tryon-frame {
		z-index:9999
	}
}
@media only screen and (min-width: 1080px) and (max-width: 3840px) and (orientation: portrait) {
    
        .product-card__content{
            position:relative
        }
   .grid__item .initTryon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        border: 5px solid #00000017;
        font-size: 10px;
        background: #cd2121;
        z-index: 999;
        color: #fff;
        right: 0;
        position: absolute;
        transform: none;
        right: 0;
        right: 12px !important;
        left: auto;
    }
    .clientWrapper1 {
        position: absolute;
        top: 0;
        z-index: 999;
        left: 0;
    }
}
@media only screen and (min-width:400px) and (max-width:900px) and (orientation:portrait) {
.product-grid .initTryon {
        width: 50px!important;;
        height: 50px!important;;
        border-radius: 50%;
        border: 6px solid #00000017!important;;
        font-size: 11px!important;;
         background: #cd2121!important;
        position: absolute;
        z-index: 999;
        right: 0;
        color:#fff!important;
    }
    
.product-card__content{
	position:relative
}
.tryon-frame{
    z-index: 99;
}
}
@media (min-width: 400px) and (max-width: 1023.99px) and (orientation: portrait) {
    .card__content {
    position: relative;
}
   .product-grid .initTryon {
            width: 90px;
        height: 90px;
        border-radius: 50%;
        border: 6px solid #00000017! font-size: 21px;
        background: #cd2121 !important;
        position: absolute;
        z-index: 999;
        right: 10px !important;
        left: auto;
        right: auto;
        top: auto;
        bottom: 20px;
        color: #fff !important;
        transform: none;
    }
    .tryon-frame{
        z-index:99!important
    }
}
@media (min-width: 320px) and (max-width:399px) and (orientation: portrait) {
    .card__content {
    position: relative;
}
   .product-grid .initTryon {
            width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 2px solid #00000017;! 
        font-size: 12px;
        background: #cd2121 !important;
        position: absolute;
        z-index: 999;
        right: 10px !important;
        left: auto;
        right: auto;
        top: auto;
        bottom: 20px;
        color: #fff !important;
        transform: none;
        font-size: 10px;
    }
}
@media (max-width: 767px) {
    .tryon-frame {
z-index:999!important;
    }
}