#first-section
{
  padding-top: 0px !important;
}



.et_pb_slide_description {
  padding: 160px 100px !important;
}

@media (max-width: 480px)
{
.et_pb_slide_content, .et_pb_more_button 
  {
    display: block !important;
    padding: 0px 10px !important;
  }
  
  /*.et_pb_slide_content h1
  {
    font-size: 18px !important;
  }*/

.et_pb_slide_description {
  padding: 160px 10px !important;
}
}

#hero-menu
{
  list-style-type: none;
   padding: 10px;
  background: #eee;
}

.copy-ctr
{
  border: 1px solid #ccc;
  border-radius: 5px;
}

.copy-ctr p
{
  padding: 20px !important;
  color: #333;
  font-size: 16px;
  text-align: center;
}

.color-ctr
{
  height: 20px;
}

#logo
{
  padding-top: 6px !important;
}

#hero-menu li
{
  display: inline;
}

#signUpBtn
{
  border: 1px solid #eee;
  padding: 8px 16px !important;
  background: -webkit-linear-gradient(top, rgb(0, 187, 255) , rgb(0, 139, 255));
		  background: -o-linear-gradient(bottom, rgb(0, 187, 255), rgb(0, 139, 255));
		  background: -moz-linear-gradient(bottom, rgb(0, 187, 255), rgb(0, 139, 255));
		  background: linear-gradient(to bottom, rgb(0, 187, 255) , rgb(0, 139, 255));
  color: #fff !important;

  font-weight: bold !important;
  font-size: 16px !important;
  border-radius: 6px !important;
}

.wpcf7-text {
  height: 30px;
  box-shadow: 0 0 0 transparent;
  border: 1px solid#ccc;
  border-radius: 0px;
  width: 100%;
  padding-right: 5px !important;
}

.wpcf7-captchar
{
  height: 30px;
  box-shadow: 0 0 0 transparent;
  border: 1px solid#ccc;
  border-radius: 0px;
  width: 80px;
}

.wpcf7-textarea
{
  box-shadow: 0 0 0 transparent;
  border: 1px solid#ccc;
  border-radius: 0px;
  width: 100%;
  resize: none;
  padding-right: 5px !important;
}

.wpcf7-submit
{
  background: #a94000;
  color: #fff;
  border: 1px solid transparent;
  padding: 8px 16px;
  font-size: 18px;
  float: right;
  /*margin-right: -10px;*/
  border-radius: 5px;
}

.et-pb-icon 
{
  color: #ca4d02 !important;
  border-color: #999999 !important;
}

.et-pb-icon-circle-border
{
  /* border-color: #ed8445 !important; */
  box-shadow: 0 0 10px #ECECEC !important;
  border: 1px solid #dddddd !important;
}
  

/* Enter Your Custom CSS Here */

/* added by Varun START */

td{padding: 10px}

#our-work 
    {
      position: relative;
      max-width: 100%;
      width: 100%;
      margin-top: 35px;
    }

    img.main {
    width: 100%;
    max-width: 100%;
    height: auto;
    }
    
    .white-panel {
      
      background: white;
      box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
      padding: 0px;
      border-radius: 10px;
      width: 100%;
    }
    
    .white-panel h1 {
    /*font-size: 1em;*/
      font-size: 24px;
    }
    
    .white-panel h1 a {
    color: #A92733;
    }
    
    .white-panel:hover 
    {
    /*  box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
      margin-top: -5px;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;*/
    }



    .logo
    {
      width: 130px;
      background: #fff;
      padding: 0px;
      margin-top: -40px;
      margin-left: 25px;
      border: 2px solid #f7f7f7;
      max-width: 100%;
      /*border-radius: 5px;*/
    }

    .jhp{
      width: 190px; max-width: 100%
    }

    .desc{
      padding: 10px;
    }

    .icon
    {
      height: 20px;
      opacity: 0.8;
    }

    .address{
      color: #444;
    }

    .h-line
    {
      border-bottom: 1px solid #eee;
      margin-top: 5px;
      margin-bottom: 13px;
      /*box-shadow: 0 1px 1px #f7f7f7;*/
    }

    .header h1
    {
      text-align: center;
      color: #fff;
      /*font-weight: bold;*/
      font-size: 50px;
      margin-top: 75px;
      letter-spacing: 1px;
      text-shadow: 1px 2px #999;
    }

    .item-header
    {
      min-height: 60px;
      text-align: right; padding: 15px; text-transform:uppercase; color: #fff; font-weight: bold; letter-spacing: 2px; font-size: 13px;
      border-radius: 10px 10px 0 0 ;
    }

    @media (max-width: 1200px)
    {
      .item-header
      {
        height: 100px;
        text-align: right; padding: 15px; text-transform:uppercase; color: #fff; font-weight: bold; letter-spacing: 2px; font-size: 13px;
      }    

      .jhp{
        width: 150px; max-width: 100%
      }
    }

    @media (max-width: 992px)
    {
      .desc h1
      {
        font-size: 20px; 
      }

      .header h1
      {
        font-size: 46px;
      }
    }

    @media (max-width: 768px)
    {
      .header h1
      {
        font-size: 36px;
      }
    }

    @media (max-width: 700px)
    {
      .item-header
      {
        height: 60px;
      }    

      .desc h1
      {
        font-size: 30px; 
      }
    }

/* added by Varun END */


.txtField
  {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 14px;
  }

  input[type='text']
  {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 14px;
  }

  select{
    width: 100%;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 14px;
  }