/* Add this CSS to your stylesheet or in a style tag in the head of your HTML */




/*    text-align: center;*/



    color: #e52424; /* Warning icon color */












  












    
    /*width: 100%!important;*/
    


    
/*@media(min-width:1080px){
    .swiper-viewport .swiper-button-prev {
    
    left: -1rem!important;
}
.swiper-viewport .swiper-button-next {
    
    right: -1rem!important;
}
}*/
    
    
    
    /*max-width:500px!important;
    height: 500px!important;*/
    
        
        
    






    

				<!-- XML Mart Extensions -->
								<!-- XML Mart Extensions -->
			
                            


							







                       
                            


							







                                                
                                                                       										 																																							                        


                           
                                
                        
									
										
																			 																																															
                            
                            

                            


							








							

							

							

																							



							

							

																							








                    
                                
                            

                                        

                                    
                                    

-->#}
                                                                
                                                                                                    
                                                 
                    
                            


                                               


							


							






    



    



                        


              	


		// Function to open the custom confirmation dialog

		// Function to close the custom confirmation dialog

		// Attach event handler to the "Find Retailer" button
		    // Show the custom confirmation dialog

		// Attach event handler to the "No" button in the custom dialog
		  // Close the custom confirmation dialog
		
		                       
                                
                                
                		        		//$('body').append('<div id="loader">Loading...</div>');
                
                						
                
                		        		
                		        		
                    
                    
            				        				    
            				        				    
            				        				    
            				        				    
            				        					
            
                    
                    				           
                    
                				        
                				        // Append the retailerData to the retailer-data-container div
                                        // Hide loader on error
                                
                                // Handle errors if any

		// Attach event handler to the "Find Retailer" button in the custom dialog
			
		        // Show an error message
		    	//$('#use-my-location').prop('disabled', true);
		    	//close the dialog box

		        // Show the entered zip code
		                //show loader
        		        		//$('body').append('<div id="loader">Loading...</div>');
        
        						
        
        
        
        
        				        				    
        				        				    
        				        				    
        				        				    
        				        					
        
        
        				           
        
        				        
        				        // Append the retailerData to the retailer-data-container div
                                // Hide loader on error
                        

		        


		// Function to close the custom confirmation dialog

		// Attach event handler to the "No" button in the custom dialog
		  // Close the custom confirmation dialog


        // Responsive breakpoints



        // Responsive breakpoints


        // Responsive breakpoints


        // Responsive breakpoints


        // Responsive breakpoints



        // Responsive breakpoints


        // Responsive breakpoints


    

    //--><script>




                    // Highlight any found errors



                    /*$('html, body').animate({ scrollTop: 0 }, 'slow');*/

    //--></script>












    //--><script>









    /*$(document).ready(function() {
        $('.thumbnails').magnificPopup({
            type:'image',
            delegate: 'a',
            gallery: {
                enabled: true
            }
        });
    });*/
    //--></script>
    /*  $('#thumbs img').click(function(){
      $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));
      $('#description').html($(this).attr('alt'));
  });*/
  // Calculate the offset of the target image

   // const offset = targetImage.offsetTop - 150;

    // Scroll to the target image
      behavior: 'smooth' // Smooth scrolling animation

  // Calculate the offset of the target image

   // const offset = targetImage.offsetTop - 150;

    // Scroll to the target image
      behavior: 'smooth' // Smooth scrolling animation
  // Calculate the offset of the target image

   // const offset = targetImage1.offsetTop - 150;

    // Scroll to the target image
      behavior: 'smooth' // Smooth scrolling animation
// Function to sort the list items
    // Get the list of <li> elements

    // Convert NodeList to an array


    // Sort the array based on the numerical value inside the <span> element

    // Get the parent <ul> element


    // Clear the current list

    // Append the sorted items back to the <ul>


// Call the function to sort the list

        /*$('#product-cloud-zoom').attr('href', $(this).attr('src').replace('thumb', 'large'));
        var imageUrl = $(this).attr('src').replace('thumb', 'large')
        console.log(imageUrl);
        
        $('#cloud-zoom-big').css("background-image", "url(" + imageUrl + ")");*/
       // $('.zoomWindow').css('background-image', bgurl);
       
        

//$('.zoom-image').elevateZoom();
        /*// $("#videosrc").attr('src', newsource);*/


        // $("#videosrc").attr('src', newsource);


								<script src="catalog/view/javascript/me_video/common.js"></script>
				<script type="text/javascript"><!--
				$('.thumbnails a').each(function() {
					if ($(this).attr('href').indexOf('#frame') >= 0 || $(this).attr('href').indexOf('#local') >= 0) {
						$(this).attr('meautoplay','1');
						$(this).attr('mecontrol','1');
					}
				});
								$('.thumbnails li:first a').after('<div class="mainthumbvideo"></div>');
								//--></script> 
				<style>
				@media(min-width:768px){
				.mevideo-popup{
					width: 800px;
					max-height: 400px;
				}
				}
				.mevideo-video{
					max-height:1214px;
				}
				.mevideomain-video{
					height:1214px;
				}
								.video-link:after{
					background-image: url('https://ethoscreations.com/image/cache/catalog/0009621_0-30x30.jpeg');
				}
								</style>
							
</ul></ul></span></li>