#ui-datepicker-div,.ui-dialog {
    width: 700px ;
    border-radius: 0;
    overflow: visible !important;
} 


    ul.products li div.ext, ul.products li div.ext:hover {
    
        width: 100% !important;
}
   
    
    .content-box ol{
        
        
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #333 !important;
    text-align: left;
    line-height: 1.6em;
    list-style: decimal;
    margin: 10px 0px 10px 18px;
    }
    
     
    
    .flower-categories-container {
    display: grid !important;
    
    grid-template-columns: repeat(6, 1fr);
    column-gap: 20px;
}
    
    .cta-container {
    width: auto !important;
            height: 183px !important;
}
    .cta-bg-image {
    height: 183px !important;
    }
    
    .image-over {
        
        font-size: 15px;
    color: #191a51 !important;
        
        background: #ffffffb5;
    color: black;
    padding: 9px;
    
    width: 100% !important;
        font-size: 15px !important;
            bottom: 10px !important;
        
        
    }
    
    .cta-button {
    width: 110px !important;
    margin: 10px auto 0 auto !important;
}
    
    .cta-title {
    font-size: 15px !important;
}
    
    .cta-text {
    font-size: 12px !important;
}
    
    .slider_right,.same_day_delivery{
        border: solid 2px #a3a3a3 !important;
        
    }
    .same_day_delivery span{
          color: #1a1a1a;  
        
    }
    #ui-datepicker-div, .ui-dialog {
		width: 700px !important;
	}
    
    
    @media screen and (max-width: 767px) {    
        .flower-categories-container {
            grid-template-columns: repeat(3, 1fr);
        }
		.index_slider {
			display:none;
		}
		.fad{
			height: 1px;
		}
		#ui-datepicker-div, .ui-dialog {
			width: auto !important;
		}
		.header .row-dropdown{
			width: auto !important;
		}
    }
    
    
@media screen and (max-width: 480px) { 
	
	 .cta-container {
            height: 229px !important;
}
    .cta-bg-image {
    height: 100% !important;
    }
    
	
    .flower-categories-container {
        grid-template-columns: repeat(2, 1fr);
    }
    
        .panel-text {
     
        margin: 2em auto 4em;
    }
    .fade {
               height: 1px;
        margin-top: -61px;
    
    }
	.my-custom-dialog .row-dropdown-dialog{
		display: flex;
		flex-direction: column;
	}
    
        
}
    
.highlight {
	/*outline: 1px solid #f34f3f;*/
	box-shadow: 0 0 3px #f34f3f;
	animation: pulse 0.5s ease-in-out infinite alternate;
	/*padding-right:20px !important;
	padding-top:10px !important;*/
}
@keyframes pulse {
	from {
		box-shadow: 0 0 3px #f34f3f;
	}
	to {
		box-shadow: 0 0 7px #f34f3f;
	}
}
.panel-text strong {
    color: #333 !important;
}
.panel-text h4 {
    font-size: 18px;
}