/* Media query for screens smaller than a certain width (adjust as needed) */
@media screen and (max-width: 1327px) {
  .angry-grid {

    grid-template-rows: 1fr 1fr 1fr; /* Three rows for smaller screens */
    grid-template-columns: 1fr 1fr; /* Two columns for smaller screens */
  }

  /* Adjust item placement for smaller screens */
  #item-0 {
   
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 3;
    
  }

  #item-1 {
   
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 3;
  }

  #item-2 {
    
    grid-row-start: 3;
    grid-row-end: 4;
    grid-column-start: 1;
    grid-column-end: 3;
  }
 .analyst-container-category{
flex-wrap: wrap;
justify-content: center;
}
.cs-zt-section {
flex-wrap: wrap;
justify-content: center;
padding: 0px;
}

.content-container {
padding: 0px;

}
.blue-box {
width: 500px;
height: 440px;
margin-bottom: 30px;

}


}

@media screen and (max-width: 1024px) {
.banner-content-container {
gap: 0px;
justify-content: center;
padding: 0px;
}
.main-title {
width:fit-content;
}
.header-right-content {
padding: 0px 0px 20px 0px;
max-width: 680px !important;
}
.header-right-content p {
font-size: 13px;

}
.banner-left-content {
max-width: 800px;
padding: 20px;
}
.angry-grid {
 
height: 1000px;

}
.speakers-fix {
flex-direction: column;
gap: 0px;
}

.speakers-fix > div > img {

margin-top: 12px;
}



.speakers-fix  .cs-zt-section-title {

max-width: 1100px;
}

.analyst-container-category {
margin: 0 auto;

}

.analyst-container-category .analyst-frame 
 {

width: 160px;
}

.title-wrap-plus-icon{
margin: 0 auto;
}

.ul-container {
gap: 20px;
}
.analyst-container {
padding-top: 30px;

}
.form-fields-container {
justify-content: center;
}
.check-box-and-text {
flex-direction: column;
width: 500px;
margin: 0 auto;
gap: 10px;
}
.check-box-div {
text-align: center;
}
#privacy {
text-align: center;
padding: 0px;
}
.opting-text {
text-align: center;
}

}
 




@media screen and (max-width: 600px) {
.header-logos img {
width: 150px;
}
.date-text {
font-size: 18px;
}

#form {
width: 100%;

}
.check-box-and-text {
width: 100%;
}

.analyst-frame {
flex-direction: column;
width: 220px;
gap: 10px;
}

.cs-zt-section-title {
max-width: 400px;
}
.angry-grid {
height: fit-content;

}
.cs-zt-section-title {
font-size: 30px !important;
}
#speaker-title {
font-size: 25px !important;

}
.logos-title {
font-size: 27px;
}
.logos-container img {
width: 100px;

}
.ul-container{
justify-content: left;
padding: 30px 0px 30px 60px;
}
.ul-container ul:nth-of-type(2) {
padding-left: 27px;


}
.ul-container ul:nth-of-type(6) {
padding-left: 50px;


}
.analyst-section {
background: #ECECEC !important;
}
.banner-left-content{
line-height: 30px;
max-width: 400px;
padding: 20px;

}
.header-right-content {
max-width: 400px!important;
padding: 0px 20px 20px 20px;
}
.main-title {
line-height: 45px;

}
.pic-and-mame {
display: flex;
align-items: center;
padding-left: 10px;
width: 100px;
}
}