.sps{
    margin-top: 80px;
    margin-left: 20px;
    margin-right: 20px;
 font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.sps .wdd h2{
  font-size: 25px;
  color: orange;
}
.sps .wdd {
  border-top: 2px dashed;
  border-color: blue !important;
  margin:0; padding: 30px;
  counter-increment: section;
  position: relative;
  color: black;
}




.sps .wdd:nth-child(even):before {
  content: counter(section);
  right: 100%; 
  margin-right: -20px;
  position: absolute;
  border-radius: 50%;
  padding: 10px;
  height: 50px;
  width: 50px;
  background-color: blue;
  text-align:center;
  color: white;
  font-size: 110%;
}

.sps .wdd:nth-child(odd):before {
  content: counter(section);
  left: 100%; 
  margin-left: -20px;
  position: absolute;
  border-radius: 50%;
  padding: 10px;
  height: 50px;
  width: 50px;
  background-color: blue;
  text-align:center;
  color: white;
  font-size: 110%;
}



.sps .wdd:nth-child(even) {
  border-left: 2px dashed;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-right: 30px; 
  padding-right: 0;
}

.sps .wdd:nth-child(odd) {
  border-right: 2px dashed;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  margin-left: 30px; 
  padding-left: 0;
}

.sps .wdd:first-child {
  border-top: 0;
  border-top-right-radius:0;
  border-top-left-radius:0;
}

.sps .wdd:last-child {
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
}

.webdesign .img{
    width: 700px;
    height: 680px;
}

.heading1 h2 {
    text-align: center;
        font-size:30px;
         font-weight:bold;
          color:black;
          font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     
    }
    
    .heading1 h2:after,.heading1 h2:before {
        content: " ";
        display: block;
        border-bottom: 1px solid #c50000;
        border-top: 1px solid #c50000;
        height: 5px;
    
    }
    .video{
        margin-top: 20px;
        width: 600px;
        height: 600px;
    }
    
@media(max-width:750px) {
    .video{
        width: 300px;
        height: 300px;
    }
    }
   @media only screen and (max-width: 850px) and (min-width: 760px)  {
            .video{
              
                top:180px;
                position: fixed;
                margin-left: 0px;
                width: 300px;
                height: 300px;
            }
          }
          @media only screen and (max-width: 1100px) and (min-width: 851px)  {
            .video{
              top:200px;
              position: fixed;
                margin-left: 0px;
                width: 450px;
                height: 450px;
            }
          }
          @media only screen and (max-width: 2558px) and (min-width: 1050px)  {
            .video{
              top:200px;
              position: sticky;
             width: 500px;
             height: 500px;
            }
          }