@media (min-width: 320px) and (max-width: 480px){

    .vectorarticle1,.vectorarticle2,.vectorarticle3,.vectorimgabout2,.vectorimgabout1,.vectorimgstate1,.vectorimgstate2,.vectorimg1,.vectorimg2,.vectorimg3,.vectorimg4,.card-icon1,.card-icon2,.card-icon3,.vectorimgproduct,.vectoreventdetails1,.vectoreventdetails2
    {
        display: none;
    }

    .eventdetailimg img {
      height:300px;
      width: 1215px;
  }

  .eventbanner img 
  {
    height:200px;
  }

    .statecard1 
    {
      margin-bottom: 10px;
  
    }

    .carddiv1
    {
    width:336px;
    background-color: #50168F;
    margin-top:-85px !important;
    opacity: 0.9;
    }

  .stateevent1 img {
      height:400px !important;
      width: 335px;
  }
    
    .font-size11px
    {
        font-size:11px !important; 
    }

    .eventbtn-text 
    {
      font-family: Poppins;
      font-weight: 500;
      line-height: 36px;
      color:
      #201F1F;
      font-size:10px;
    }
    .pagination ul
    {
      margin-left:0%;
    }

    .pagination a
    {
    color:
    #EB9D06 !important;
    text-align:center;
    padding-left: 20px;
    }

    .eventdetail-head
    {
      padding-top:10px;
      padding-bottom:10px;
      font-family: Poppins;
      font-size:15px!important;
      line-height: 24px;
      font-weight: 500;
      text-align: center;
      color:#50168F;
    }
   

}

@media (min-width: 481px) and (max-width: 768px){
    .vectorarticle1,.vectorarticle2,.vectorarticle3,.vectorimgabout2,.vectorimgabout1,.vectorimgstate1,.vectorimgstate2,.vectorimg1,.vectorimg2,.vectorimg3,.vectorimg4,.card-icon1,.card-icon2,.card-icon3,.vectorimgproduct,.vectoreventdetails1,.vectoreventdetails2
    {
        display: none;
    }

    .eventbanner img 
    {
      height:200px;
    }

    .eventdetailimg img {
      height:585px;
      width: 1215px;
  }
    .font-size11px
    {
        font-size:11px !important;
    }

    .statecard1 
    {
      margin-bottom: 10px;
    }

    .carddiv1
    {
    width:336px;
    background-color: #50168F;
    margin-top:-85px !important;
    opacity: 0.9;
    }

.stateevent1 img {
    height:400px !important;
    width: 335px;
}


    .eventbtn-text 
    {
      font-family: Poppins;
      font-weight: 500;
      line-height: 36px;
      color:
      #201F1F;
      font-size:12px;
    }

    .pagination ul
    {
      margin-left:0%;
    }

    .pagination a
    {
    color:
    #EB9D06 !important;
    text-align:center;
    padding-left: 20px;
    }

    .eventdetail-head
    {
      padding-top:10px;
      padding-bottom:10px;
      font-family: Poppins;
      font-size:15px!important;
      line-height: 24px;
      font-weight: 500;
      text-align: center;
      color:#50168F;
    }


   
}

@media (min-width: 769px) and (max-width: 1024px) {
  
    .vectorarticle1,.vectorarticle2,.vectorarticle3,.vectorimgabout2,.vectorimgabout1,.vectorimgstate1,.vectorimgstate2,.vectorimg1,.vectorimg2,.vectorimg3,.vectorimg4,.card-icon1,.card-icon2,.card-icon3,.vectorimgproduct,.vectoreventdetails1,.vectoreventdetails2
    {
        display: none;
    }

    .carddiv1
    {
    width:336px;
    background-color: #50168F;
    margin-top:-85px !important;
    opacity: 0.9;
    }

.stateevent1 img {
    height:400px !important;
    width: 335px;
}

    
    .eventbtn-text 
    {
      font-family: Poppins;
      font-weight: 500;
      line-height: 36px;
      color:
      #201F1F;
      font-size:15px;
    }

    .pagination ul
    {
      margin-left:30%;
    }

    .pagination a
    {
    color:
    #EB9D06 !important;
    text-align:center;
    padding-left:30px;
    }
    
    
}



@media screen and (min-width: 810px) and (max-width: 1080px) {
    .vectorarticle1,.vectorarticle2,.vectorarticle3,.vectorimgabout2,.vectorimgabout1,.vectorimgstate1,.vectorimgstate2,.vectorimg1,.vectorimg2,.vectorimg3,.vectorimg4,.card-icon1,.card-icon2,.card-icon3,.vectorimgproduct,.vectoreventdetails1,.vectoreventdetails2
    {
        display: none;
    }
}

@media screen and (min-width: 820px) and (max-width: 1180px)
{  .vectorarticle1,.vectorarticle2,.vectorarticle3,.vectorimgabout2,.vectorimgabout1,.vectorimgstate1,.vectorimgstate2,.vectorimg1,.vectorimg2,.vectorimg3,.vectorimg4,.card-icon1,.card-icon2,.card-icon3,.vectorimgproduct,.vectoreventdetails1,.vectoreventdetails2
    {
        display: none;
    }

    .eventbtn-text 
    {
      font-family: Poppins;
      font-weight: 500;
      line-height: 36px;
      color:
      #201F1F;
      font-size:16px;
    }

    
}


@media screen and (min-width: 700px) and (max-width: 1480px)
{

/* .topnav 
{
  height:57px;
} */

.ml100px 
{
  margin-left: 00px;
}

}


@media screen and (min-width: 1200px) and (max-width: 1480px)
{
    .navheight
    {
        height: 57px;
    }
}


@media screen and (min-width: 800px) and (max-width:1200px)
{
    .navheight
    {
        height: 57px;
    }

    .stateevent1 img {
      height: 517px !important;
      width: 300px;
      display: none;
  }

  .carddiv1 {
    width: 300px;
    background-color: #50168F;
    margin-top: -85px !important;
    opacity: 0.9;
}
}

@media screen and (min-width:1200px) and (max-width:800px)
{
    .navheight
    {
        height: 57px;
    }

    .stateevent1 img {
      height: 517px !important;
      width: 300px;
      display: none;
  }

  .carddiv1 {
    width: 300px;
    background-color: #50168F;
    margin-top: -85px !important;
    opacity: 0.9;
}

}