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


.mic img{
    display: none;
}}


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







    .links a img{    
        border-radius: 3rem;
        width: 3rem;
       display: flex;
      
       
    
       
     }
     .next .bootcamp-img-s{
        width: 100%;
        max-width: 800px;
        display: initial;
      
      }
     .down-s{
       
    
            width: 100%;
            max-width: 800px;
            height: 9.75rem;
            justify-content: center;
            align-items: center;
            border-radius: 0rem 0rem 1.5625rem 1.5625rem;
          border-right: 1px solid rgba(208, 203, 206, 0.40);
          border-bottom: 1px solid rgba(208, 203, 206, 0.40);
          border-left: 1px solid rgba(208, 203, 206, 0.40);
          background: linear-gradient(133deg, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.10) 100%);
          /* margin-left: 25%; */
          justify-content: center;
          align-items: center;
          margin-left: auto;
          margin-right: auto;
          display: initial;
          
           
    
     }
     .next .bootcamp-img{
        display:none;
     }
     .down{
        display: none;
     }
     .cm1{
        display: none;
     }


      /* keyframes */

 .shape-1{
    position: absolute;
    margin-left: 10%;
    margin-top: 1%;
    width: 7px;
    /* display: none; */
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
  -webkit-animation-duration: 5s;
    animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    
   }
   
  @-webkit-keyframes rotateme {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes rotateme {
    from {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  .shape-2 {
    position: absolute;
    top: 50%;
    left: 30%;
    width: 30px;
    /* display: none; */
    -webkit-transform: translateY(-20%) translateX(-50%);
            transform: translateY(-20%) translateX(-50%);
    z-index: 1;
    -webkit-animation: moveleftbounce 2s linear infinite;
            animation: moveleftbounce 2s linear infinite;
  }
  .shape-3 {
    position: absolute;
    margin-top: 25%;
    left: 16%;
    width: 35px !important;
    /* display: none; */
    z-index: +1;
    -webkit-transform: translateY(-10%) translateX(-20%);
            transform: translateY(-10%) translateX(-20%);
    -webkit-animation: moveleftbounce 4s linear infinite;
            animation: moveleftbounce 4s linear infinite;
  }
  .shape-4 {
      display:none;
    position: absolute;
   margin-top: 80px;
   margin-left: 200px;
    width: 20px;
    /* display: none; */
    -webkit-transform: translateY(-10%) translateX(-32%);
            transform: translateY(-10%) translateX(-32%);
            -webkit-animation: moveleftbounce 2s linear infinite;
            animation: moveleftbounce 2s linear infinite;
    z-index: 1;
  }
  .white-bar .white-bar-txt{
      font-size: 1em !important;
  }
  
  .shape-2 {
    position: absolute;
    margin-bottom: 200px;
    right: 10%;
    width: 50px;
    /* display: none; */
    -webkit-transform: translateY(-5%) translateX(-10%);
            transform: translateY(-5%) translateX(-10%);
    z-index: 1;
    -webkit-animation: animationFramesOne 10s infinite linear;
            animation: animationFramesOne 10s infinite linear;
  }
  @-webkit-keyframes animationFramesOne {
    0% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
              transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
      -webkit-transform: translate(73px, -1px) rotate(36deg);
              transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
      -webkit-transform: translate(141px, 72px) rotate(72deg);
              transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
      -webkit-transform: translate(83px, 122px) rotate(108deg);
              transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
      -webkit-transform: translate(-40px, 72px) rotate(144deg);
              transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
              transform: translate(0px, 0px) rotate(0deg);
    }
  }
  
  @keyframes animationFramesOne {
    0% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
              transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
      -webkit-transform: translate(73px, -1px) rotate(36deg);
              transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
      -webkit-transform: translate(141px, 72px) rotate(72deg);
              transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
      -webkit-transform: translate(83px, 122px) rotate(108deg);
              transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
      -webkit-transform: translate(-40px, 72px) rotate(144deg);
              transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
              transform: translate(0px, 0px) rotate(0deg);
    }
  }
  
  @-webkit-keyframes moveleftbounce {
    0% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
    50% {
      -webkit-transform: translateX(20px);
              transform: translateX(20px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  
  @keyframes moveleftbounce {
    0% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
    50% {
      -webkit-transform: translateX(20px);
              transform: translateX(20px);
    }
    100% {
      -webkit-transform: translateX(0px);
              transform: translateX(0px);
    }
  }
  
  
    
}










@media  screen and (max-width:1220px) {
    .link{
        display: block;

    }
}








@media only screen and  (max-width:767px){
    .bootcamp-img{
       
    
        margin-left:auto;
        margin-right: auto;
        display:flex;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem;
         margin-top: 2rem;
         width: 360px;
    /* height: 41.25rem;  */
        
     }
}

@media screen  and (min-width:1200px) and (max-width:1399px){
    
}