/* Extra large devices (large laptops and desktops, 1200px and up) */
/*@media screen 
  
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
    .single-well img {
      float: right;
      width:550px; height:370px ;margin-top:5px;
    }
}*/



/*@media (min-device-width : 1024px) and (max-device-width : 1299px) { */
  @media only screen and (min-width: 1024px) {
    .single-well img {
      float: right;
       height:370px ;margin-top:5px;
    }
      .card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
    border-radius: 5px;
    height: 460px;
    /* background:rgb(179, 25, 133); */
  }
  
  .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  
  
  
  .container {
    padding: 2px 16px;
  }
  * {
    box-sizing: border-box;
  }
  
  /* Create four equal columns that floats next to each other */
  .column {
    float: left;
    width: 25%;
    padding: 10px;
    /* Should be removed. Only for demonstration */
  }
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  
  .imgScrollWrap_2 {
              position: relative;
              height: 180px;
        margin: 0 auto;
         /*   border: 1px #999 solid;  */
              overflow: hidden;
        
        width: 960px;
          }
      
  .imgScrollList_2{
              position: absolute;
              top: 0;
              left: 35px;
              width: 720px;
              height: 180px;
              overflow: hidden;
              z-index: 1;
        
        width: 860px;
        margin-left :15px;
          }
  
  
  
  }
  
  
  
  /*@media (min-device-width : 1300px) and (max-device-width : 1499px) {*/ 
  @media only screen and (min-width: 1300px) {
    .single-well img {
      float: right;
       height:370px ;margin-top:5px;
    }
      .card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
    border-radius: 5px;
    height: 390px;
    /* background:rgb(123, 133, 221); */
  }
  
  .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  
  
  
  .container {
    padding: 2px 16px;
  }
  * {
    box-sizing: border-box;
  }
  
  /* Create four equal columns that floats next to each other */
  .column {
    float: left;
    width: 25%;
    padding: 10px;
    /* Should be removed. Only for demonstration */
  }
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  
  .imgScrollWrap_2 {
              position: relative;
              height: 180px;
        margin: 0 auto;
         /*   border: 1px #999 solid;  */
              overflow: hidden;
        
        width: 1160px;
          }
      
  .imgScrollList_2{
              position: absolute;
              top: 0;
              left: 35px;
              width: 720px;
              height: 180px;
              overflow: hidden;
              z-index: 1;
        
        width: 1060px;
        margin-left :15px;
          }
  
  
  
  }
  
  
  
  /*@media (min-device-width : 1500px) and (max-device-width : 2051px) { */
  @media only screen and (min-width: 1500px) {
    .single-well img {
      float: right;
       height:360px ;margin-top:5px;
    }
      .card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 100%;
    border-radius: 5px;
    height: 380px;
    /* background:rgb(167, 108, 85); */
  }
  
  .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  
  
  
  .container {
    padding: 2px 16px;
  }
  * {
    box-sizing: border-box;
  }
  
  /* Create four equal columns that floats next to each other */
  .column {
    float: left;
    width: 25%;
    padding: 10px;
    /* Should be removed. Only for demonstration */
  }
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  
  .imgScrollWrap_2 {
              position: relative;
              height: 180px;
        margin: 0 auto;
         /*   border: 1px #999 solid;  */
              overflow: hidden;
        
        width: 1300px;
          }
      
  .imgScrollList_2{
              position: absolute;
              top: 0;
              left: 35px;
              width: 720px;
              height: 180px;
              overflow: hidden;
              z-index: 1;
        
        width: 1200px;
        margin-left :15px;
          }
  
  
  
  }
  
  /* @media (min-width:2052px) and (max-width:2732px){ */
  @media only screen and (min-width: 2052px) {
    .single-well img {
      float: right;
       height:370px ;margin-top:5px;
    }
    .card {
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
      transition: 0.3s;
      width: 100%;
      border-radius: 5px;
      height: 400px;
      /* background:brown; */
    }
    
    .card:hover {
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }
    
    
    
    .container {
      padding: 2px 16px;
    }
    * {
      box-sizing: border-box;
    }
    
    /* Create four equal columns that floats next to each other */
    .column {
      float: left;
      width: 25%;
      padding: 10px;
      /* Should be removed. Only for demonstration */
    }
    
    /* Clear floats after the columns */
    .row:after {
      content: "";
      display: table;
      clear: both;
    }
    
    
    .imgScrollWrap_2 {
                position: relative;
                height: 180px;
          margin: 0 auto;
           /*   border: 1px #999 solid;  */
                overflow: hidden;
          
          width: 1300px;
            }
        
    .imgScrollList_2{
                position: absolute;
                top: 0;
                left: 35px;
                width: 720px;
                height: 180px;
                overflow: hidden;
                z-index: 1;
          
          width: 1200px;
          margin-left :15px;
            }
    
  }