@media screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 2580px) 
  and (-webkit-min-device-pixel-ratio: 1) {

    body{
      background-color:#081515 !important;
    }

    .jumbotron{

      background-color:#081515 !important;
    }

    .header_txt_main{
      color: #fff;
      font-family: 'Exo', sans-serif;
      font-weight: 800;
      font-size: 110px;
      margin-top: 14px;
      text-align: center;
    }

    

    .wow{
      font-size: 70px;
    }

    .header_p{
      font-family: 'Montserrat', sans-serif;
      color: #fff;
      font-weight: 300;
      text-align:justify;
    }

    

    .prof{
      height: auto;
      width: 80%;
      text-align: center !important;
      margin: auto;
    }


    .custom_card{
        font-family: 'Montserrat', sans-serif;
       background:#081515 !important;
       border: solid 3px #40a2b8 !important;
    }

     .custom_card_mobile{
      font-family: 'Montserrat', sans-serif;
       background:#081515 !important;
       border: solid 3px #40a2b8 !important;
       display: none;
      
    }

    .skillset{
      display: block;
    }

     .skillset_mobile{
      display:none;
    }


    .custom_list{
      background: #40A2B8 !important;
      color: #fff;
    }

    .card_detail{
      font-size:16px;
      font-weight: bold;
    }

    .social{
      padding:7px;
      margin: auto !important;
      text-align: center;
      color:#40A2B8 !important;
    }

    .heading{
      font-family: 'Montserrat', sans-serif;
      font-size:36px;
      font-weight: bold;
      color:#40A2B8;
      padding:10px;
      margin-top:-80px;
      margin-left: 20px;
    }

    .heading2{
      font-family: 'Montserrat', sans-serif;
      font-size:36px;
      font-weight: bold;
      color:#40A2B8;
      padding:10px;
      margin-left: 20px;
    }

     .work{
      display: block;
    }

     .work_mobile{
      display: none;
    }

    .front_end_card{

      font-family: 'Montserrat', sans-serif;
      font-size:20px;
      font-weight: bold;
      color:#fff;
      padding:10px;
      margin-top:-80px;
      margin-left: 20px;
      background-color: #081515;
      border: solid 3px #40a2b8 !important;


    }

    .backend_end_card{

       font-family: 'Montserrat', sans-serif;
      font-size:20px;
      font-weight: bold;
      color:#fff;
      padding:10px;
      margin-top:-80px;
      margin-left: 20px;
      background-color: #40A2B8;

    }


  }

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

    body{
      background-color:#081515 !important;
    }

    .jumbotron{
      background-color:#081515 !important;
    }

     .header_txt_main{
      color: #fff;
      font-family: 'Exo', sans-serif;
      font-weight: 800;
      font-size: 32px !important;
      margin-top: 14px;
      text-align: center;
    }

    .wow{
      font-size: 25px !important;
    }



    .header_p{
      font-family: 'Montserrat', sans-serif;
      color: #fff;
      font-weight: 300;
    }

    .btn-main{
      border-radius: 0 !important;
      border:solid 3px #40A2B8;
      background: #000 !important;
      color: #40A2B8 !important;
      font-weight: 600;
    }

     .prof{
      height: auto;
      width: 80%;
      text-align: center !important;
      margin-left: 40px !important;
    }

    .custom_card{
        font-family: 'Montserrat', sans-serif;
       background:#081515 !important;
       border: solid 3px #40a2b8 !important;
       display: none;
    }


    .custom_list{
      background: #40A2B8 !important;
      color: #fff;
    }

    .card_detail{
      font-size:15px;
      font-weight: bold;
    }

    .social{
      padding:7px;
      margin: auto !important;
      text-align: center;
      color:#40A2B8 !important;
      font-size: 20px !important;
    }


    .custom_card_mobile{
      font-family: 'Montserrat', sans-serif;
       background:#081515 !important;
       border: solid 3px #40a2b8 !important;
       display: none;
      display: block;
    }

    .skillset{
      display: none;
    }

     .skillset_mobile{
      display:block;
      margin-top: -60px;
    }

    .heading{
      font-family: 'Montserrat', sans-serif;
      font-size:24px !important;
      font-weight: bold;
      color:#40A2B8;
      padding:10px;
      margin: auto;
      margin-bottom:-40px;
    }

    .heading2{
      font-family: 'Montserrat', sans-serif;
      font-size:24px !important;
      font-weight: bold;
      color:#40A2B8;
      padding:10px;
      margin: auto;
      margin-bottom:-60px;
    }

    .work{
      display: none;
    }

     .work_mobile{
      display: block;
    }

    .front_end_card{

      font-family: 'Montserrat', sans-serif;
      font-size:20px;
      font-weight: bold;
      color:#fff;
      padding:10px;
      margin: auto;
      background-color: #081515;
      border: solid 3px #40a2b8 !important;
    }

    .front_end_card h2{
      font-size: 25px;
    }

    .front_end_card li{
      font-size: 18px;
    }

    .front_end_card h3{
      font-size: 16px;
    }

    .backend_end_card{

       font-family: 'Montserrat', sans-serif;
      font-size:20px;
      font-weight: bold;
      color:#fff;
      padding:10px;
     margin: auto;
      background-color: #40A2B8;

    }

     .backend_end_card h2{
      font-size: 25px;
    }

      .backend_end_card li{
      font-size: 18px;
    }

  }