/* Media Query CSS */
@media (max-width: 1280.98px) {
    .site-header .header-left .logo img{height: 40px;}
    .site-header .header-action a.invite-btn{/* min-width: 160px; */ /*box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); border-radius: 10px; margin: 0;*/}
    .site-header .header-action button.feedback-btn{/* margin-left: 16px; margin-right: 0; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.15); border-radius: 10px;*/}
    .site-header .header-right .user-info .signin-user img { margin-right: 0.6em; }
    .site-header .header-right .user-info .signin-user p{ font-size: 1.125em; font-weight: 500; line-height: 1.5;}
    .page-content-title h3{text-transform: inherit;}
    .industryevent_contentpage .page-control-area.collapsible{padding-bottom: 30px;}
    .industryevent_contentpage .topright_eventdetails h4{flex-wrap: wrap;margin-bottom: 4px;}
    .industryevent_contentpage .topright_eventdetails h4 span{ width: 100%; margin-bottom: 4px;}
    .industryevent_contentpage .topright_eventdetails h4 button{margin: 0 6px 0 0; font-weight: 500;}
    .industryevent_contentpage .topright_eventdetails h5{margin-bottom: 2px;}
    .industryevent_contentpage .industrydetail_mainbox{justify-content: inherit;}
    .industryevent_contentpage .leftindustrydetail_box .company_logo img{object-fit: cover; object-position: center;}
    .industryevent_contentpage .page-control-area.collapsible{margin: 8px 0;}
    .industryevent_contentpage .list-actions-btn{justify-content: inherit; margin:13px 0 0;}
    .industryevent_contentpage .list-actions-btn a{margin: 0 12px 0 0;}
    .industryevent_contentpage .righteventbodycontent{padding:0;}
    .industryevent_contentpage .promoteaddevent h4{margin:0 auto; max-width: 230px;}
    .industryevent_contentpage .promoteaddevent h4 button{display:block; margin:10px auto 0;}
    .industryevent_contentpage .paginationbox p{font-weight: 400;}
    .industryevent_contentpage .paginationbox p #spnCurrentCount{font-weight: 600;}
    .company-tags .chip{min-width: 74px;}
    .bytopic .company-tags .chip.light-blue{background: #006580 !important;}
    .industryevent_contentpage .byformat .company-tags .chip.grey{min-width: 108px;}
    .industryevent_contentpage .filterlisting .addevent{margin-top: 50px;}
    .industryevent_contentpage .page-control-area.collapsible{padding-right: 15px;}
    .industryevent_contentpage .lefteventbodycontent{padding: 0 20px 0 0;}
    .content-area .collapsible-body::after{content:""; display: table; clear: both;}
    .industryevent_contentpage .topleft_eventdetails{overflow: hidden;}
    .industryevent_contentpage .promoteaddevent{margin-bottom: 0;}
    .site-footer { padding: 1.5em 0 52px;}
    .site-footer .footer-info{height: auto;}
    .site-footer .footer-info > div{min-width: 50%;}
    .site-footer .footer-info .copyright-text{min-width: auto; position: absolute; bottom: 8px;     width: auto;  left: calc(50% - 250px);  margin-left: 134px;}
    .site-footer .container .footer-info:first-child .copyright-text{    width: auto;    left: calc(50% - 120px);    margin-left: -160px;}
    .site-footer .container .footer-info:first-child .copyright-text p:after{content: "|"; margin-left: 12px; display: inline-block;}

    /* Event Detail Page CSS */
    .event_details_page{width: 93%; border-radius: 10px; margin-bottom: 35px;}
    .event_details_page .topleft_eventdetails{height:80px; border-radius: 12px; overflow: hidden; margin-right: 13px;}
    .event_details_page .left_event_details span.imagebox img, .event_details_page .topleft_eventdetails img{height: 100%; /*object-fit: cover;*/ object-fit: contain; object-position:center;}
    .event_details_page .left_event_details span.imagebox { width: 100%; height: 220px; padding: 0px; margin-bottom: 16px;  border-radius: 0;}
    .event_details_page .left_event_details {  width: 59%;  margin: 0 3% 0 0;}
    .event_details_page .right_event_details { width: 38%;}
    .event_details_page .right_event_details .validos_insight{width: 100%;}
    .event_details_page .left_event_details .company-tags .chip.light-shade, .event_details_page .right_event_details .company-tags .chip.dark-shade{font-weight: 400;}
    .event_details_page .right_event_details .validos_insight h6 strong{margin-top: 2px;}
    .event_details_page .event_attendance .checkbox-field span{font-weight: 400;font-size: 18px;line-height: 27px;}
    .event_details_page .left_event_details .landing-page-list-actions a{min-width: inherit;}
    .event_details_page .left_align_details{width: 100% !important; margin: 15px 0 0 0 !important;}
    .event_details_page .right_event_details .event_informtn #googleMap{margin-bottom: 24px;}
    .event_details_page .relatedevents h4{text-transform: inherit; margin-bottom: 0;}
    .event_details_page .hostedby span img{object-fit:cover; object-position: center;}
    .event_details_page .hostedby .hostedbytext p{text-align: left !important;}
    .event_details_page .hostedby .hostedbytext a{font-size: 14px;line-height: 21px; display: inline-block; vertical-align: top;}
    .event_details_page .event_utilities ul{float: none; margin-bottom: 10px;}
    .event_details_page .event_utilities ul:after{content:""; display: table; clear: both;}
    .event_details_page .event_utilities .hostedby h5{margin-bottom: 0;}
}
@media (max-width: 1199.98px) {
    body{background: #f6f6f6 !important;}
    .site-header .flex-content { justify-content: space-between !important;}
    .site-header {  padding: 1.5em 0; }
    .site-header .header-left .logo img{height: 36px;}
    .site-header .header-action a.invite-btn, .site-header .header-action button.feedback-btn{font-size: 18px; line-height: 27px;}
    .site-header .header-action a.invite-btn{min-width: 160px;}
    .site-header .header-action button.feedback-btn{min-width: 248px; /*margin-left: 12px;*/}
    .site-header .header-right .signin-user .drop-down-btn{width: 66px !important;}
    .site-header .header-right .user-info .signin-user p{display: none;}
    .site-header .header-right .user-info .signin-user img{height: 32px !important; width: 32px !important;}
    .industryevent_contentpage .rightinduseventdetailbox { width: 68%; margin-left: 4%;}
    .industryevent_contentpage .leftinduseventdetailbox{width: 28%;}
    .company-tags .chip{margin-bottom:4px; margin-right: 4px;}
    .industryevent_contentpage .lefteventbodycontent { width: 64%;}
    .industryevent_contentpage .righteventbodycontent { width: 36%;}
    .industryevent_contentpage .list-actions-btn a { margin: 0 2px 0 0;}
    .site-footer{display: block !important;}
    .industryevent_contentpage .industrydetail_mainbox{flex-wrap: nowrap; overflow-x: auto;    white-space: nowrap;    }
    .industryevent_contentpage .industrydetail_mainbox .leftindustrydetail_box{ width: 100%;    max-width: initial;    white-space: normal;    min-width: 60%;}

    /* Event Detail Page CSS */
    .event_details_page{width: 100%;}
    .event_details_page .left_event_details { width: 54%; margin: 0px 3% 0 0;}
    .event_details_page .right_event_details { width: 43%;}
    .event_details_page .left_event_details span.imagebox{height: 210px;}
} 
@media (max-width: 991.98px) {
    .site-header .header-left .logo img{height: 32px;}
    .site-header .header-left .logo{margin-right: 0;}
    .site-header .header-action a.invite-btn, .site-header .header-action button.feedback-btn {  font-size: 14px; line-height: 21px;}
    .site-header .header-action a.invite-btn{min-width: 120px;}
    .site-header .header-action button.feedback-btn{min-width: 190px; /*margin-left: 6px;*/}
    .site-header .header-action a.invite-btn, .site-header .header-action button {  margin-left: 10px;  margin-right: 10px;}
    .page-content-title h3{font-size: 24px;line-height: 36px;}
    .industryevent_contentpage .leftinduseventdetailbox{width: 100%; margin-bottom: 40px; background: #FFFFFF;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);border-radius: 8px; padding: 10px;}
    .industryevent_contentpage .rightinduseventdetailbox{margin-left: 0; width: 100%;} 
    .industryevent_contentpage .searchlisting{width: 100%;}
    .industryevent_contentpage .searchlisting h3, .industryevent_contentpage .filterlisting h3{margin-bottom: 16px;}
    .industryevent_contentpage .filterlisting{display: flex; flex-wrap: wrap;}
    .industryevent_contentpage .filterlisting h3, .industryevent_contentpage .filterlisting .addevent{width: 100%;}
    .industryevent_contentpage .filterlisting .filterbymonth, .industryevent_contentpage .filterlisting .bytopic{width: 50%; padding-right: 12px;}
    .industryevent_contentpage .filterlisting .filterbylocation, .industryevent_contentpage .filterlisting .byformat {width: 50%; padding-left: 12px;}
    .industryevent_contentpage .filterlisting .addevent { margin-top: 20px;}
    .industryevent_contentpage .addeventdetail{margin-bottom: 10px;}
    .industryevent_contentpage .promoteaddevent{margin: 0;}
    .industryevent_contentpage .lefteventbodycontent, .industryevent_contentpage .righteventbodycontent{width: 100%;}
    .industryevent_contentpage .list-actions-btn a { margin: 0 12px 0 0;}
    .industryevent_contentpage .righteventbodycontent{margin-top: 16px;}

     /* Event Detail Page CSS */
     .event_details_page{padding: 25px;}
     .event_details_page .left_event_details { width: 100%;  margin: 0px;}
     .event_details_page .right_event_details { width: 100%;}
     .event_details_page .right_event_details .event_informtn{width: 100%;}
     .event_details_page .left_event_details .landing-page-list-actions{margin-top: 23px !important;}
     .event_details_page .right_event_details .validos_insight h6{line-height: 24px;}
     .event_details_page .event_utilities ul li{width: 50%;}
}
@media (max-width: 800.98px) {
    .site-header .header-left .logo img{   /* height: 28px;*/}
    .site-header .header-action a.invite-btn{margin-left: 0;}
    .site-header .header-action button{margin-right: 0;}
    .site-header .header-action a.invite-btn {  min-width: 110px;}
    .site-header .header-action button.feedback-btn {  min-width: 170px;        }
    .site-header .header-action a.invite-btn, .site-header .header-action button.feedback-btn { font-size: 12px; line-height: 21px;}
}
@media (max-width: 767.98px) {
    .site-header .header-action{display: none;}
    .container { max-width: calc(100% - 30px);}
    .main-wrapper{flex-wrap: wrap;}
    .main-navigation{width: 100%; position: absolute; top: 48px;}
    .main-navigation ul{padding: 0; display: flex; justify-content: space-around;}
    .main-navigation ul li { padding: 10px 10px}
    .main-content{width: 100%;}
    .site-header {padding: 0.5em 0; margin-bottom: 72px;}
    .site-header .header-right .user-info .signin-user img {  height: 24px !important;  width: 24px !important;}    
    .site-footer .footer-info > div{width: 100%;}
    .site-footer .footer-info.flex-content{flex-wrap: wrap; max-width: 360px; text-align: center; margin: 0 auto; height: auto;}
    .social-links ul.flex-end{align-items: center; justify-content: center;}
    .site-footer .container .footer-info:first-child .copyright-text, .site-footer .footer-info .copyright-text{max-width: 180px; width: 100%; left: 50%; margin: 0 0 0 -90px; text-align: center;}
    .site-footer .footer-info.flex-content .social-links {order: 1; margin-bottom: 12px;}
    .site-footer .footer-info.flex-content .footer-nav{order: 2;}
    .site-footer { padding: 1.2em 0 105px;}
    .site-footer .container .footer-info:first-child .copyright-text p:after{display: none;}
    .site-footer .container .footer-info .copyright-text p{font-size: 14px; line-height: 21px;}
    .site-footer .container .footer-info:first-child .copyright-text{bottom: 60px;}

    /* Event Detail Page CSS */
    .event_details_page { padding: 24px 16px;}
    .event_details_page .topleft_eventdetails{display: none;}
    .event_details_page .topright_eventdetails{width: 100%;}
    .event_details_page .topright_eventdetails h4{margin-bottom: 8px;}
    .event_details_page .left_event_details span.imagebox{margin-bottom: 30px;}
}
@media (max-width: 480.98px) {
    .container { /*max-width: calc(100% - 20px);*//*done on 15/03/2023 for Event listing card layout feedback*/ max-width: calc(100% - 24px);}
    .industryevent_contentpage .induseventdetailbox {margin: 10px 0 0;}
    .industryevent_contentpage .filterlisting .filterbymonth, .industryevent_contentpage .filterlisting .bytopic{width: 100%; padding-right: 0;}
    .industryevent_contentpage .filterlisting .filterbylocation, .industryevent_contentpage .filterlisting .byformat { width: 100%;  padding-left: 0px;}
    .industryevent_contentpage .filterlisting .addevent{margin-top: 0;}
    .industryevent_contentpage .findeventbox, .industryevent_contentpage .searchlisting, .industryevent_contentpage .bytopic, .industryevent_contentpage .byformat, .industryevent_contentpage .searchlisting h3, .industryevent_contentpage .filterlisting h3{margin-bottom: 15px;}
    .industryevent_contentpage .filterbymonth, .industryevent_contentpage .filterbylocation{padding-bottom: 15px;}
    .industryevent_contentpage .list-actions-btn{flex-wrap: wrap; flex-direction: column;}
    .industryevent_contentpage .list-actions-btn a { padding: 5px 15px 5px 40px; display: inline-block; width: max-content; margin: 4px 0;}
    .industryevent_contentpage .list-actions-btn a img{left: 15px;}
    .industryevent_contentpage .industrydetail_box{min-height: 200px;}  

    /* Event Detail Page CSS */
    .event_details_page{ margin-bottom: 15px;}
    .event_details_page .topright_eventdetails h4{font-size: 24px; line-height: 36px;}
    .event_details_page .topright_eventdetails h5{font-size: 18px; line-height: 28px;}
    .event_details_page .left_event_details span.imagebox {  height: 190px; margin-bottom: 17px;}
    .event_details_page .left_event_details .landing-page-list-actions a{font-size: 14px; line-height: 21px;}
    .event_details_page .left_event_details .landing-page-list-actions .share-btn, .event_details_page .left_event_details .landing-page-list-actions a.favourite-btn { background-position: left 1em center; }
    .event_details_page .relatedevents h4 label{font-size: 16px; line-height: 24px;}
    .event_details_page .event_utilities ul li{width: 100%; padding: 0;}
}
@media (max-width: 360.98px) {
    .site-footer .footer-nav li a{font-size: 14px;}
    .site-footer .footer-nav li { padding: 0 0.5em;}
}