@media screen and (max-width: 1000px) {

          .home .hero.herotabs {
        background-size:0px;
            
     }

     .home .hero h1,
     .cg-banner h3 {
         margin-top: 100px
     }
 }


 @media screen and (max-width: 580px) {

     .home .hero.herotabs {
         background-size: 0px;
         max-width: 100%;

     }

     .home .hero h1,
     .cg-banner h3 {
         font-size: 30px;
         line-height: 1.2;
         margin-top: 100px
     }
 }

 html,
 body {
     overflow-x: hidden;
 }

 @media screen and (max-width: 1000px) {
     .MPBottomMenu {
         display: none;

     }

     #FooterOffice {
         text-align: center;
     }

     #FOOTER {
         min-height: unset !important;
     }

     .img-responsive {
         display: initial;

     }
 }

 .addtocalendar  {
    display: none !important;
  }

 #top #header_meta {
     padding-top: 10px !important;
     padding-bottom: 10px !important;
     background-color: #ffffff !important;
     border-bottom: 1px solid #C4C4C4 !important;

 }

 #top #header_meta a {
     font-size: 13px !important;
     color: #3B4859;
     font-weight: normal;
     font-family: 'Montserrat', sans-serif;
     border-bottom: none !important;
 }

 #top #header_meta #AuxMenu a:hover {
     text-decoration: underline !important;
 }

 #header_main {
     border-bottom: none !important;
     padding-top: 5px;

 }

 #Welcome_NotLoggedIn,
 #Welcome_LoggedIn {
     float: right;
 }

 div .logo {
     float: none !important;
     position: absolute;
     z-index: 1;
     border-bottom: none !important;
     left: 0;
     height: 70px !important;
     display: block;
 }

 div .logo a {
     border-bottom: none !important;
     height: 88px !important;
     display: inline-block !important;
 }

 .inner-container {

     border-bottom: none !important;
 }

 .toggle-nav {

     display: none;

 }

 #FOOTER {
     margin: 0 auto;
     max-width: 1600px;
     width: auto;
     min-height: 400px;
 }

 #AuxMenu ul {
     margin-top: 5px;
     margin-bottom: 0;
     padding-left: 0px;
 }

 #AuxMenu ul li {
     font-family: 'Montserrat', sans-serif;

 }

 #top #header_meta a:hover {
     text-decoration: none;

 }

 #MPBottomMenu {
     margin: 0 auto;
     width: 1400px;
 }

 .feature-event.shadow2 {
     background: #fff;
     max-width: 100%;
     margin-left: auto;
     margin-right: auto;
     padding-bottom: 25px;
     background: #fff;
     box-shadow: 20px 40px 60px 0 rgba(0, 0, 0, 0.10);
     margin-bottom: 0;
     padding-right: 25px;
 }

 .feature-event-vmug.shadow2 {
     background: #fff;
     max-width: 100%;
     margin-left: auto;
     margin-right: auto;
     padding-bottom: 25px;
     background: #fff;
     box-shadow: 20px 40px 60px 0 rgba(0, 0, 0, 0.10);
     margin-bottom: 0;
 }

.feature-event-vmug h3, .feature-event-vmug p {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 15px;
    margin-top: 25px;
}

.feature-event-vmug.shadow2>img {
    margin: auto;
}


 @media only screen and (max-width: 500px) {
     .bloglist .flexcards {
         grid-template-columns: unset !important;
         grid-column-gap: unset !important;
         grid-row-gap: unset !important;
         padding-bottom: unset !important;


     }
 }

 .bloglist .flexcards {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
     grid-column-gap: 3%;
     grid-row-gap: 3%;
     padding-bottom: 45px;
 }

 .bloglist-wide .flexcards {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
     grid-column-gap: 3%;
     grid-row-gap: 3%;
     padding-bottom: 45px;
 }


 .bloglist .flexcards>div {
     margin: 15px;
     padding-bottom: 10px;
     border-radius: 6px;
     overflow: hidden;
     display: grid;
 }


 h3.vmug-card-title {

     color: #000000;
     font-size: 24px;
     margin-left: 0px;
     margin-right: 0px;
     font-weight: 600;
 }

 p.vmug-card-desc {

     margin-left: 0px;
     margin-right: 0px;
     font-size: 14px;
 }

 a.vmug-card-link-p {

     margin-left: 0px;
     margin-right: 0px;
     font-size: 14px;
 }

 .avia-section {
     clear: both;
     width: 100%;
     float: left;
     min-height: 100px;
     position: static;
 }

 #av_section_1 {
     background-size: cover;
     /*background-attachment: fixed !important;*/
     background-repeat: no-repeat;
     background-image: url(https://vmug.macguyvertech.com/wp-content/uploads/2019/07/VMUG-Collective-Header-NEW-1500x631.png);
     background-position: center;
    /* background-attachment: scroll;*/
     background-color: #18A2DB;
     height: 450px;
     margin-bottom: 2em;
 }
 
 #av_section_1 .av-special-heading-tag {

     font-family: 'Montserrat', sans-serif;
     color: #ffffff;
     text-transform: uppercase;
     padding-top: 20px;
 }

 #av_section_1 .avia_textblock {
     max-width: 600px;
     font-family: 'Montserrat', sans-serif;
     font-size: 16px;
 }

 #av_section_1 .avia_textblock p {
     max-width: 500px;
     font-family: 'Montserrat', sans-serif;
     font-size: 16px;
 }

 nav.blog-pagination {

     padding-bottom: 10px;
 }

 nav.blog-pagination .wp-pagenavi span {
     text-decoration: none;
     border: 1px solid #BFBFBF;
     padding: 3px 5px;
     margin: 2px;
     font-family: 'Montserrat', sans-serif;
     color: #000000;
     font-size: 13px;
 }


 nav.blog-pagination .wp-pagenavi a {
     text-decoration: none;
     border: 1px solid #BFBFBF;
     padding: 3px 5px;
     margin: 2px;
     font-family: 'Montserrat', sans-serif;
     color: #42C1BA;
     font-size: 13px;
 }

 h3.subheading {

     color: #ffffff;
     font-family: 'Montserrat', sans-serif;
     margin: 0;
     Padding: 0;
     padding-bottom: 10px;

 }

 .wp-block-search .wp-block-search__inside-wrapper {

     max-width: 100% !important;
 }


 img.attachment-post-thumbnail {
     width: 100%;
     height: 200px;
 }


 .vmug-card-img {
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
     position: relative;
     height: 150px;
 }

 img.absolute {
     left: 50%;
     margin-left: -160px;
     position: absolute;
     width: 320px;
     height: 150px;

 }

 .bloglist-wide .flexcards img.absolute {
     left: 50%;
     margin-left: -300px;
     position: absolute;
     width: 450px;
     height: 250px;
 }

 .bloglist-wide .flexcards .vmug-card-img {
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
     position: relative;
     height: 200px;
 }

 .card-body a {
     color: #ffffff;
     font-family: 'Montserrat', sans-serif;
     text-decoration: underline;
 }

 .vmug-card--with_cta-button p {

     font-size: 13px !important;
 }

 .hero.herotabs.istab1 {
     background-image: url(../images/hero20.png);
     background-position: right 1% top 1%;
 }

 .hero.herotabs.istab2 {
     background-image: url(../images/hero21.png);
     background-position: right 1% top 1%;
 }

 .hero.herotabs.istab3 {
     background-image: url(../images/hero14.png);
     background-position: right 1% top 1%;

 }


 #nav_icon {
     display: none;
 }

 .avia-button {
     border-radius: 3px;
     padding: 10px;
     font-size: 12px;
     text-decoration: none;
     display: inline-block;
     border-bottom-style: solid;
     border-bottom-width: 1px;
     margin: 3px 0;
     line-height: 1.2em;
     position: relative;
     font-weight: normal;
     text-align: center;
     max-width: 100%;
     background-color: #0272af;
     color: #ffffff;
     margin: 0 auto;
     text-align: center;
 }

 .avia-button.avia-size-large {
     padding: 15px 30px 13px;
     font-size: 13px;
     min-width: 139px;
 }

 .avia-button:hover {

     color: #ffffff;
 }

 #top #header_meta a.#Welcome_NotLoginLink,
 #top #header_meta a.#Welcome_LoginLink,
 .btn.btn-secondary {
     background-color: #79BD4B;
     color: white !important;
     border: 0px;
 }

 .responsive-video-2 {
     position: relative;
     padding-bottom: 86.25% !important;
     padding-top: 0;
     height: 0;
 }

 .learncenter2:not(.memevents) {
     background-image: url(https://higherlogicdownload.s3.amazonaws.com/VMUG/48b31cbe-b47c-429b-a6a5-62ec9d9998da/UploadedImages/themeui/blob1.png);
     background-blend-mode: multiply;
     background-size: 1000px;
     background-position: center center;
     background-repeat: no-repeat;
 }

 .learncenter2 .flexcards>div {
     background-color: #fff;
     margin: 15px;
     padding-bottom: 30px;
     border-radius: 6px;
     overflow: hidden;
 }
@media only screen and (max-width: 600px){
    
     .modal-dialog {
      width: 100% !important;;

 }
    
   
}
 .modal-dialog {
     width: 600px;
     padding-top: 30px;
     padding-bottom: 30px;
     margin-top: 20px;
 }

 .hero.herotabs {

     height: 600px;
 }

 .hr-bar {
    clear: both;
    display: block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    position: relative;
    margin: 30px 0;
    float: left;
}

.hr-inner2 {
    width: 100%;
    position: absolute;
    height: 1px;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -1px;
    border-top-width: 1px;
    border-top-style: solid;
}

.hr-inner-style2{

   border-color: #ebebeb; 
}

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

     #nav_icon {
         display: block;
         position: absolute;
         right: 10px;
         font-size: 2em;
         color: #1F365C;
         top: 110px;
     }

     #av_section_1 {        
         height:fit-content;
         
     }

     #main_navigation {
         padding: 10px 0;
     }

     #menu-main-menu {
         display: none;
     }

     #menu-main-menu.open {
         display: block;
     }

     .hero .cards {
         display: block;
         padding-right: 0;
         margin-top: 0;
     }

     .home .hero h1,
     .cg-banner h3 {
         font-size: 30px;
         line-height: 1.2;
         margin-top: 10px;
     }

     .hero.herotabs {

         height: auto;
     }

     .pad1 {
         padding-top: 10px;
         padding-bottom: 10px;
     }

     ul.events-list {

         text-align: center;
     }

     .HLLandingControl .row .event-date {
         margin-left: auto;
         margin-right: auto;
     }

     .event-date {

         margin: 0 auto;
         width: 75px;
     }

 }