/* Media query for devices with a screen width up to 1024px */
@media only screen and (max-width: 1024px) {
  /* CSS rules for devices up to 1024px */
 header .main {
    display: table-row-group;
 
  
}


  .btn1 {
    background-color: #f7a4a4;
    height: 34px;
    width: 162px;
    border-radius: 15px;
    font-size: 12px;
    position: relative;
    left: 200px;
    left: 165px;
    top: -142px;
    line-height: 2.8;
   
}
.slidetext1{
  margin-top: -139px  
  
}
 .slidetext2 {
  color: black;
  position: fixed;
  top: 80px;
  line-height: 2.8;
  
}
.btn1:hover{
  color:#000000;
  background-color: #9a9494;
  font-weight: bold;
}

.irs-btn-2:hover{
  color:#000000;
  background-color: #9a9494;
}

.start-count {
  color: #f2f2f2;
  font-size: 40px;
  padding: 0px;
  left: 30%;
  font-weight: bolder;
  position: absolute;
}
.start-count2 {
  color: #f2f2f2;
  font-size: 40px;
  padding: 0px;
  left: 35%;
  font-weight: bolder;
  position: absolute;}

}


/* Media query for devices with a screen width up to 768px */
@media only screen and (max-width: 768px) {
  /* CSS rules for devices up to 768px */
 header .main {
    display: table-row-group;
  
}
.btn1 {
  background-color: #f7a4a4;
  position: fixed;
  top: 10; 
  bottom: 0;
}
.slidetext1 {
  color: black;
  position: fixed;
  top: 50px;
}
.slidetext2 {
  color: black;
  position: fixed;
  top: 80px;
}
.irs-footer-field {

  height: 400px;
}
.btn1:hover{
  color:#000000;
  background-color: #9a9494;
  font-weight: bold;
}

.irs-btn-2:hover{
  color:#000000;
  background-color: #9a9494;
}
}



/* Media query for devices with a screen width up to 425px */
@media only screen and (max-width: 650px) {
  /* CSS rules for devices up to 425px */
  /* Place your code here */
  header .banner .left {
    display: inline;
    
}
header .main .navigation {
    display: inline-grid;
}
header .main .navigation > a {
    padding: 3px 20px;
  
}

.irs-footer-field {

  height: 670px;
}
.btn1:hover{
  color:#000000;
  background-color: #9a9494;
  font-weight: bold;
}

.irs-btn-2:hover{
  color:#000000;
  background-color: #9a9494;
}

}


/* Media query for devices with a screen width up to 320px */
@media only screen and (max-width: 400px) {
 
  
  .irs-mailbox{
  color: #ffffff;
  padding: auto;
  font-style: normal;
  font-size: 5px;
  font-weight: 4;
  text-align: left;
  letter-spacing: 2px;
  }
  .irs-footer-contact{
    text-align: left;
  }
  
  .irs-footer-heading {
    color: #f08080;
    font-size: xx-small;
    font-weight: 4;
    font-weight: bolder;
    display: table-footer-group;
    line-height: 0.1;
    
}


footer .irs-footer-link ul li a {
  color: #ffffff;
  font-size: xx-small;
  font-weight: 100;
  line-height: 3.5;
  text-transform: inherit;
  display: inline-table;
  font-family: 'Fira Sans', sans-serif;
  line-height: 0.3;
}

  
  footer .irs-footer-link ul li a:hover {
    color:#434343 ;
  }
  .btn1:hover{
    color:#000000;
    background-color: #9a9494;
    font-weight: bold;
  }
  
  .irs-btn-2:hover{
    color:#000000;
    background-color: #9a9494;
  }
 .btn1
 {
  background-color: #f7a4a4;
  height:25px;
  width: 70px;
  border-radius:15px;
  font-size: 10px;
  position: relative;
  left:200px;
  
 }
.slidetext1
{
font-size: 8px;
top: 210px;
left: 77px;


}

.slidetext2{
font-size: 8px;
top: 50px;

}
.helphand{
  color:#f7a4a4;
   font-size:8px ;
  }
.tcontainer
{
  padding-right: 40px;
  padding-left: 44px;
}

.txtalign{
  font-size: 15px;
  font-weight: normal;
  font-family: 'Fira Sans', sans-serif;
  letter-spacing: 1px;
  line-height: 1.8;
  padding-left: 21px;
  padding-right: 16px;
  


}
.btn1:hover{
  color:#000000;
  background-color: #9a9494;
  font-weight: bold;
}

.irs-btn-2:hover{
  color:#000000;
  background-color: #9a9494;
}
.irs-footer-heading {
  color: #f08080;
  font-size: xx-small;
  font-weight: 4;
  font-weight: bolder;
  display: -webkit-inline-box;
  line-height: 0.1;
}

.btn1 {
  background-color: #f7a4a4;
  height: 29px;
  width: 141px;
  border-radius: 15px;
  font-size: 10px;
  position: fixed;
  left: 186px;
  top: 20%;
}

.start-count
  {
    display: contents;
    font-size: 20px;
    font-weight: normal;
}

.start-count2
  {
    display: contents;
    font-size: 20px;
    font-weight: normal;
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  left: 5px;
}

.plus2 {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  left: 5px;
}


}



  /* CSS rules for devices up to 320px */
  /* Place your code here */
/* myprofile edit  */
  .edit-link {
      text-align: center;
      margin-top: 20px; /* Adjust the margin as needed */
  }

  .edit-link a {
      color: #f38484; /* Change the color as desired */
      text-decoration: none;
  }

  .start-count3 {
    color: #f2f2f2;
    font-size: 40px;
    padding: 0px;
    left: 30%;
    font-weight: bolder;
    position: absolute;
  }
  .start-count4 {
    color: #f2f2f2;
    font-size: 40px;
    padding: 0px;
    left: 35%;
    font-weight: bolder;
    position: absolute;
  
  }
  .start-count3
  {
    display: contents;
    font-size: 20px;
    font-weight: normal;
}

.start-count4
  {
    display: contents;
    font-size: 20px;
    font-weight: normal;
}

.irs-title-box1 {
  width: 40%;
  margin: auto;
  text-align: center;
  border: 1px solid #a0a0a0;
  
  border-radius: 5px;
}
.irs-title-box1 {
  width: 40%;
  margin: auto;
  text-align: center;
  border: 1px solid #a0a0a0;
  
  border-radius: 5px;
}