/*
Template Name: Dj Music
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************event****************/
.event_1i2{
width:90%;
left:5%;
bottom:-15%;
border-radius:20px 0px 20px 20px;
}
.event_1i3{
width:90%;
bottom:31%;
right:5%;
 }
.event_1i3 span{
line-height:1.4em;
width:60px;
border-radius:20px 20px 0px 0px;
 }
.event_1o{
margin-top:90px!important; 
 }
 
.event_dt1l1l h5 span{
width:60px;
height:70px;
line-height:70px;
border-radius:0px 0px 30px 30px; 
 }
/*********************event_end****************/




@media screen and (max-width : 767px){
.event_1i1 img{
min-height:200px; 
 }
.event_1i2   h5{
font-size:14px; 
 }
.event_1i2 {
bottom:0;
text-align:center;
 }
.event_1i3 {
top:0;
 }
.event_1i {
margin-top:20px; 
 }
.event_1o{
margin-top:20px!important;  
 }

.event_dt1l1l {
margin-top:15px; 
 }
.event_dt1r{
margin-top:20px;  
 }
 }


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

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

.event_1i2   h5{
font-size:12px; 
 }

.event_1i2 {
bottom:0;
padding:10px!important;
 }
.event_1i3 {
top:0;
 }
.event_1o{
margin-top:30px!important;  
 }


 }

@media (min-width:992px) and (max-width:1200px) {
.event_1i2   h5{
font-size:16px; 
 }
.event_1i3 {
top:0;
 }
 }

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


 }
@media screen and (min-width : 1400px){
.event_1i3 {
    bottom: 24.2%;
}

 }