/* ==========================================================================
   *Large devices (desktops, 992px and up)*
   ========================================================================== */
@media (min-width: 992px) and (max-width:1199px) {
    
}


/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   /* Donate Page */
   .sprint-container { top: 65px; }
}

@media(max-width:1024px){
   .container-width{width: 960px;}
   footer .col-lg-6, footer .col-xl-6{flex:0 0 100%;max-width: 100%;padding: 10px 0;}
   .forum-sprint-standings .col-md-4 { max-width: 32%;flex: 0 0 32%;}
   .news_head:after{width: 690px;}.home-marathons-sprints-block{height: auto;}
   .season-2021 .home-first-right, .season-2021 .home-first-left {
      height: auto!important;
  }
  .main-menu > ul > li > a {
   font-size: 15px;
   padding: 20px 9px;
  }
  .logo{width: 25%;}
  .banner-main h2{font-size: 40px;}
  .team-banner .banner-main{width: 100%;}.mr-resp{margin-right: 0!important;}
  /*========================= BLOG ===========================*/
  .blog .col-md-8 {
      max-width: 68%;
      flex: 0 0 68%;
   }
   .blog-list{flex-wrap: wrap;background-color: #fff;padding: 19px;}.blog-content{width: 100%;margin-top: 15px;}
   .blog-detail .blog-list{background-color: transparent;padding: 0;}

}
/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
@media (max-width: 992px) {
   /*========================= TABLE ==================================*/
   .home-first-left { padding: 0px; border: none;}
   .home-first-left .table { border: 0;}
   .home-first-left .table tr th { display: none;}
   .home-first-left .table caption { font-size: 1.3em;}
   .home-first-left .table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
   .home-first-left .table tr { display: block; margin-bottom: 15px; border: 1px solid #b8bbcc;}
   .home-first-left .table tr:first-child { border: none; margin: 0px;}
   .home-first-left .table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right;}
   .home-first-left .table td:before { content: attr(data-label); float: left; font-size: 13px;font-weight: 600;}
   .marathon-projects .home-first-left .table tr td{font-size: 13px;}
   .home-first-left .table td:last-child { border-bottom: 0;}

    h2 { font-size: 36px !important;}
    h3 { font-size: 28px !important;}
    .header { padding: 15px 25px;}
    header .container{max-width: 100%;}
    .container-width{display: block;}
    .logo { padding: 10px 0;}
    .main-menu { display:none;}
	.mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}
	.mobile-menu a.menu-toggle { display:block; z-index:1;  top: -56px; right:10px; background:#497eff;}
	.mobile-menu ul.menu-list{display:none;}
	.mobile-menu > ul > li > span { display:none;}
	.mobile-menu > ul.menu-list > li > a.login { color: #fff; display:block; width:100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background:none; display: inline-block; line-height: normal; position: relative;  top:0px;  border-radius: 0px;}
    .mobile-menu > ul > li > a.active { color: #fff;}
    .header-right { margin-right: 50px;}
    .mobile-menu > ul.menu-list { padding: 10px 0;}
    .mobile-menu > ul > li > a { font-size: 14px; text-transform: uppercase;}
    .mobile-menu ul.menu-list > li > ul > li > a { font-size: 14px;}
    
    /* Menu Second Level 21-01-2021 */
    .mobile-menu ul.menu-list > li > ul{padding: 0;}
    .mobile-menu ul.menu-list > li > ul > li >ul{ display:none; background: #505050; padding: 0;}
    .mobile-menu ul.menu-list > li > ul > li >ul >li>a{font-size: 14px;}
    /* Menu Second Level END 21-01-2021 */
    
    .mega-drop { padding: 0 15px; position: relative; z-index: 3; left: inherit !important; top: inherit !important; right: inherit !important; bottom: inherit !important; width: 100% !important; display: none;  opacity: 1; transform: scale(1); pointer-events: auto; background: #1b1a1a; border-radius: 0px;}
    .mobile-menu ul > li > a { font-weight: 400;}
    .drop-links > li > a { font-size: 14px;}
    .drop-links li a:before { position: static; display: inline-block; margin-right: 20px;}

    /************************** INDEX ******************************/
    .container, .container-md, .container-sm {
      max-width: 95%;
   }
    .container-width , footer .container{width: 100%;max-width: 100%;}
    .forum-sprint-standings .col-md-4 {
            max-width: 32%;
            flex: 0 0 32%;
      }
      .commen-wraper-main .col-lg-7, .commen-wraper-main .col-lg-5, .home-marathons-sprints-block .col-lg-6{
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 15px;
      }
      .main-menu > ul > li > a {
            padding: 20px 7px;
            font-size: 15px;
      }
      header .logo {
            width: 232px;
      }
      .home-first-left{
            margin-right: 0;
      }
      .banner-main h2 {font-size: 42px;}
      footer .row.no-gutters {padding: 0 15px;}
     .home-first-right{ margin-left: 0;}
     .set-as-bg.banner-register.banner-inner .banner-main{width: 100%;}

     /* Donate Page */
     .donate-header h3 { font-size: 22px; }
}

/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 768px) {
    
   .forum-sprint-standings .col-md-4 {
      max-width: 100%;
      flex: 0 0 100%;
      margin-bottom: 15px;
   }
   .home-first-left-head {
         padding: 25px 15px 0 15px;
   }
   footer a {
      width: 29%;
      display: inline-block;
      margin-bottom: 5px;
   }
   footer .social_icons a{
      width: inherit;
      margin-top: 15px;
   }
   .container{max-width: 100%;}
   .home-marathons-sprints-block {
      height: auto;
      padding: 25px;
  }
  .home-first-left .table tr td{
     padding: 12px;
  }

   .login.registration-form form{width: 100%;}
   /* Marathon */
   .news_head:after {width: 506px;}
   .breadcrumps {padding: 4px 20px;}

   /* BLOG */
   .blog {padding: 30px 15px;}  .blog .col-md-8 , .blog .col-md-4 { max-width: 100%;flex: 0 0 100%;}.popular-article-content{width: 100%;}
   /*========================= PROFILE =======================*/
   .profile-page-table.marathon-block .home-first-left{width: 100%;}
   .marathon-projects .home-first-left table tr td:nth-child(2) p {margin-left: auto;}
   /* SPRINTS */
   .sprints-block .home-first-left table tr td:nth-child(1){width: 100%;}
   .sprints-block .home-first-left table tr td,.sprints-block .home-first-left table tr td:nth-child(3){text-align: left;}
   .home-first-left .table tr:hover{border:2px solid #497eff}
   .sprints-block .home-first-left table tr:hover td:nth-child(1),.sprints-block .home-first-left .table tr:hover td{border: 0 !important;}
   .copyright{display: block;}.blog.blog-detail .blog-content h4{font-size: 25px;}


   /* Donate Page */
   .donate-header h3 { text-align: center; margin-bottom: 20px; }
   .donate-btn-secton { text-align: center; margin-top: 20px; }
   .donate-header .row > [class*="col-"] { padding-right: 0; padding-left: 0;}
   .donate-header .donate-amount { padding: 10px; text-align: center; }
   .donate-amount.amt-donation { border: none; }
   .sprint-container { top: 40px }
   .sprint-countdown p:first-child { flex-basis: 100%; }
   
   .action-edit-profile { flex-direction: column; }
   .action-edit-profile .additional-options { text-align: left; margin-top: 20px; }

}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 576px) {
   .news_head:after,.border_after_line:after{display: none;}
   .banner-main h2 {
      font-size: 31px!important;
  }
  .banner-main p{
     font-size: 16px;
  }
  .set-as-bg{
     height: auto;
  }
  .marathons-table .table-responsive{
     padding: 0;
  }
  .commen-btn {
      font-size: 15px;
      padding: 10px 20px;
  }
  .home-marathons .marathons-table tr td p{
     font-size: 13px;
  }
  .home-marathons .marathons-table tr td {
      font-size: 13px;
      padding: 0 10px;
   }
   .home-sprint h6{
      font-size: 13px;
   }
   .forum-sprint-standings .col-md-4{
      padding: 25px!important;
   }
   /* REGISTRATION FORM */
   .login.registration-form form .form-group{
      width: 100%;
   }
   .login form{
      padding: 30px 15px;
      width: 100%;
   }
   a.menu-toggle span.line {
      height: 2px;
      margin: 6px auto;
   }
   a.menu-toggle {
      width: 41px;
      height: 31px;
      top: 8px;
      padding-top: 0px;
  }
  .mobile-menu a.menu-toggle{
     top: -41px;
  }
  .dots-description > li:before{margin-right: 10px;}
  .dots-description > li {
   padding: 12px 25px;
   height: 52px!important;
   width: 100%;
   border: 0;
   display: flex;
}
/*========================= MARATHON =============================*/
.home-marathons-sprints-block {
   padding: 25px 10px;
}
.marathons-table .table tr th{padding: 0 15px;}.home-marathons .marathons-table table tr td:nth-child(1){padding: 0 10px;}
.forum-sprint-standings .col-md-4 h4 {margin-top: 15px;font-size: 25px;}
.credits-header-block{width: 100%;}
.home-first-left-head {
   padding: 25px 0px 0 0px;
   display: block!important;
}
.header-block-left:after{display: none;}.header-block-left, .header-block-right{width: 49%; border: 1px solid #dedede;text-align: center;}
/*=============================== BLOG ==============================*/
.blog-list .responsive-width, .blog-list .responsive-width img{width: 100%;}.blog_ico{display: none;}.blog-content h4{font-size: 20px;}
/*============================ PROFILE PAGE ============================*/
.profile-page form .form-group, .editprofile-page form .form-group{width: 100%;}.input-text{font-size: 15px;}
.active-sprint-section h5{font-size: 18px;}
.active-sprint-section h4 { font-size: 23px;background-color: #42d197;height: 45px;}
/*=========================== TEAM =================================*/
.team-table-page td p{  overflow-wrap: break-word;
   width: 181px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;}
   .home-first-block .container{padding: 0;} .season-2021 .home-first-left{padding: 0 10px;}
   .select-box{margin: auto;margin-bottom: 20px;}
}

@media (max-width: 442px) {
   .header {
      padding: 15px 15px;
  }
  footer a {width: 100%;}
   .set-as-bg.banner-inner .banner-main{
      width: 95%;
   }
   header .logo {
      width: 186px;
  }
  .home-first-left-head{display: block!important;}
  .home-first-left-head.home-first-left-head p{text-align: left;}
  .home-first-left-head{margin-bottom: 15px;}
  .commen-link {margin: 0 15px 15px;}
  .home-first-left .table td:before { width: 43%; text-align: left;}

  .marathon-projects .home-first-left .table tr td {border-bottom: 1px solid #eee;line-height: 14px;padding: 15px !important;
  }
  .marathon-projects .home-first-left table tr td:nth-child(2) p,.team-table-page td p{
     font-size:13px;width: 130px;
   }.home-first-left .table tr td p img{width: 20px;}
  /* TEAM DETAIL */
  .active-sprint-block  .container{padding: 0;}
  .marathon-block .home-first-left .table tr td:hover{border:0}
 
}