@font-face {
  font-family: 'Calibri-Light';
  src: url('../fonts/CalibriL.ttf');
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: 'Avantgarde-demi';
  src: url('../fonts/ITCAvantGardeStd-Demi.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans-Light';
  src: url('../fonts/OpenSans-Light.ttf');
  font-weight: lighter;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('../fonts/OpenSans-Semibold.ttf');
  font-weight: 600;
  font-style: normal;
}

  @font-face {
  font-family: 'Myriadpro-Regular';
  src: url('../fonts/MYRIADPRO-REGULAR.OTF');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../fonts/OpenSans-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Extrabold';
  src: url('../fonts/OpenSans-ExtraBold.ttf');
  font-weight: bolder;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../fonts/OpenSans-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}





.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body,h1,h2,h3,h4,h5,h6,p,div, ul, li a{margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6{line-height: 100%;}
p{font-size: 12px;}
a {
  display: block;
}
li{list-style: none;}
body{
font-family: 'OpenSans-Light';
color: #000;
background-color: #fff; 
}

header{background-color: #fff;}
.container{width: 95%; max-width: 1211px; margin: 0 auto; position: relative;}
.top-widht{width: 100%; height: 48px; background: #191919;}

.left{float: left;}
.right{float: right;}
.top-text{color:#d2d2d2; background-color: #000; padding: 14px 103px 17px 66px;  height: 17px; width: 30%;  }
.top-text p{font-size: 18px; font-family: 'Calibri-Light'; }
.top-contact, .top-email{background-color: #eb7a2f; height: 48px; /*padding: 19px 0 13px 0px;*/}
.top-contact.left > img, .top-email > img {background: #fff none repeat scroll 0 0; float: left; padding: 12px 17px 9px;}
.top-email > img {
  padding-bottom: 24px;
}
.top-contact p, .top-email p{padding: 14px 0 17px 94px; font-size: 18px; font-family: 'Myriadpro-Regular'; color: #fff; }
.top-contact{ width: 18%;}
.top-email {
  /*max-width: 415px;*/
 
  width: 40%;
}
.logo, .h-heading {margin: 33px 0 27px;}
/*.h-heading{margin-right: 16px;  padding: 8px 10px 5px 13px; font-size: 20px; text-transform: uppercase; font-family:'Avantgarde-demi';   background-image: url('../images/h-heading.png');  }*/
.h-heading {
  background-image: url("../images/h-heading.png");
  font-family: 'Avantgarde-demi';
  font-size: 20px;
  margin-top: 42px;
  padding: 8px 10px 5px 13px;
  text-transform: uppercase;
}
.h-heading h1{color: #ee8c4c; font-size: 25px;}
.h-heading h1 strong{color: #fff;}
.main-slider{background: url('../images/slider.png'); height: 440px; width: 100%; background-size: 100%; no-repeat;}
.slider {
  bottom: 0;
  position: absolute;
  top: 171px;
  z-index: 1000;
  width: 786px;
  margin: 0 auto !important;
  left: 0;
  right: 0;
}
.slider h1, .slider h2, .slider h3 {font-family: 'OpenSans-bold'; color: #ffffff; text-transform: uppercase; }
.slider h1{font-size: 75px; }
.slider h2{font-size: 36px;}
.slider h3{font-size: 66px; color: #eb7a2f;}

.services {
  background-color: #fff;
  bottom: 0;
  position: absolute;
  top: 384px;
  z-index: 1000;
  font-family: 'OpenSans-Regular';
  width: 786px;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.services ul{float: left; width: 786px; background-color: #f5f5f5; height: 92px; }
.services ul li:hover{background-color: #eb7a2f; }

.services ul li{width:247px; height: 62px; float: left; padding: 16px 7px 14px; background-color: #eb7a2f; border-right:1px solid #873a22; text-transform: uppercase;}

.services ul li:last-child{border-right: 1px solid #eb7a2f; }
.services ul li h2 {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
}


.services ul li p{font-size: 10px; text-transform: capitalize; color: #fff;}
.services ul li:first-child img{background: none;}
.services ul li img{float: left; background: #fff; }
.services .right {
  width: 164px;
  margin-top: 16px;
}
.services .left {
  width: 68px;
}
.contact-info {
  background-color: #fff;
  border-radius: 10px;
  bottom: 0;
  height: 393px;
  
  padding: 41px 24px 11px;
  position: absolute;
  right: 85px;
  top: 22px;
  width: 222px;
  z-index: 1000;
  -webkit-box-shadow: -6px 60px 20px -58px rgba(50, 50, 50, 0.35);
-moz-box-shadow:    -6px 60px 20px -58px rgba(50, 50, 50, 0.35);
box-shadow:         -6px 60px 20px -58px rgba(50, 50, 50, 0.35);
}
.contact-info h2 {
  color: #6c6b6b;
  font-family: "OpenSans-Light";
  font-size: 21px;
  font-weight: normal;
  margin-bottom: 24px;
  text-transform: uppercase;
}
.contact-info h1 {
  font-family: "OpenSans-Extrabold";
  font-size: 28px;
  margin-bottom: 19px;
}
/*.contact-form input {
  border: 2px solid #363535;
  font-family: "OpenSans-Light";
  font-size: 12px;
  height: 10px;
  padding: 13px 8px;
  width: 205px;
}*/
.contact-form input {
  border: 2px solid #363535;
  font-family: "OpenSans-Light";
  font-size: 12px;
  height: 10px;
  padding: 13px 8px;
  width: 105px;
}
.contact-form a {
  background: #eb7a2f none repeat scroll 0 0;
  border-radius: 20px;
  color: #fff;
  height: 14px;
  padding: 9px 13px 14px 18px;
  text-align: center;
  text-decoration: none;
  width: 86px;
}
.contact-form p {
  color: #363535;
  float: left;
  font-family: "OpenSans-Bold";
  font-size: 14px;
  margin-bottom: 10px;
  padding: 11px 0;
  text-transform: uppercase;
  width: 93px;
  margin-right: 4px;
}
/*.contact-form p {
  margin-bottom: 10px;
  font-family: 'OpenSans-Bold';
  color: #363535;
  text-transform: uppercase;
  font-size: 14px;
}*/
.contact-form a{font-family: 'Myriadpro-Regular'; text-transform: capitalize; }
.contact-form a:hover{ text-decoration: underline; }
.contact-form > div {
  margin-bottom: 13px;
}
#contact-form > div:last-child {
  margin-bottom: 0;
}
.captcha a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #eb7a2f;
  display: block;
  margin: 5px 0;
  padding: 5px;
  width: 41px;
  font-weight: bold;
}
.captcha > input {
  margin: 0;
 
}
.captcha {
  float: right;
  width: 56%;
}

.captcha label {
  font-size: 13px;
}
.captch-img {
  float: left;
  width: 40%;
}
.captch-img > img {
  width: 100%;
}



.main-content {
  margin-top: 66px;
  width: 100%;
}
.main-content h1 {
  
  color: #6e6e6e;
  font-family: 'OpenSans-Semibold';
  text-transform: uppercase;
  font-size: 20px;
  text-align: center;
  
}
hr {
  display: block;
  margin: 19px auto 31px;
  width: 80%;
}
.content {
  float: left;
  width: 100%;
  font-family: 'OpenSans-Light';
}
/*.content ul {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}*/
.content ul {
  float: left;
  margin: 0 auto 10px;
  max-width: 1080px;
  padding: 0 22px;
  width: 95%;
  border-right: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
}
.content ul li {
  float: left;
  margin-right: 86px;
  /*max-width: 315px;*/
  min-height: 150px;
  width: 28%;
}
.content ul li:nth-child(3){margin-right: 0; }
.content ul li:last-child{margin-right: 0; }
.content ul li h2{ font-family: 'OpenSans-Semibold'; color: #191919; font-size: 14px; margin-bottom: 7px;}
.content ul li p {
  color: #191919;
  font-size: 11px;
}
.content ul li img{float: left;}
.content ul li .right {
  width: 246px;
}
.content ul li .left {
  width: 50px;
}

/*footer {
  background: #191919 none repeat scroll 0 0;
  float: left;
  width: 100%;
  padding: 30px 0 10px;
  font-family: 'Calibri-Light';
}*/

footer {
  background: #191919 none repeat scroll 0 0;
float: left;
font-family: "Calibri-Light";
height: 37px;
padding: 12px 0 6px;
width: 100%;
}

.fotr-nav ul{width: 100%}
.fotr-nav ul li{float: left; margin-right: 10px;}
.fotr-nav ul li:last-child{margin-right: 0;}
.fotr-nav ul li a{text-decoration: none; color: #eb7a2f; font-size: 15px; text-transform: capitalize; font-family: 'Calibri-Light';}
.copyright {margin-top: 5px;}
.copyright p{color: #8c8c8c;}

.top-container {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.content-border {
  border-bottom: 1px solid #d8d8d8;
  margin: 0 138px 32px 80px;
}

@media (min-width: 1280px) and (max-width: 1430px){
.top-contact p, .top-email p {
    padding: 14px 0px 17px 74px;
    font-size: 13px;
  }
  .top-text {
      width: 29%;
  }
  .top-contact {
      width: 18%;
  }
  .top-email {
      width: 39%;
  }
  .top-text p {
    font-size: 14px;
}
.h-heading h1 {
    font-size: 25px;
}
}
@media (min-width: 1060px) and (max-width: 1279px){
  .services ul {
    width: 100%;
    height: 92px;
}
.services ul li {
    width: 205px;
}
.services ul li h2 {
    font-size: 13px;
}
.services ul li img {
    width: 78%;
}
.services .right {
    width: 137px;
    margin-top: 16px;
}
.slider h1 {
    font-size: 65px;
}
.slider h2 {
    font-size: 30px;
}
.slider h3 {
    font-size: 55px;
   
}

  .top-contact p, .top-email p {
    padding: 14px 0px 17px 74px;
    font-size: 13px;
  }
   .top-text p {
    font-size: 14px;
}
  .top-text {
      width: 27%;
  }
  .top-contact {
      width: 18%;
  }
  .top-email {
      width: 39%;
  }
  .h-heading h1 {
    font-size: 21px;
}
}

@media (min-width: 960px) and (max-width: 1059px){
.main-slider{
  width: 100%;
  height: 350px;
}
.slider {
  position: absolute;
  top: 110px;
}
.services {
  bottom: 0;
  position: absolute;
  top: 305px;
  /*width: 700px;*/
  /*margin: 0 auto;*/
}
.services ul {
  width: 100%;
  height: 92px;
}
.services ul li {
    width: 247px ;
}
.services .right {
    width: 164px;
    margin-top: 4px;
}
.services ul li h2 {
    font-size: 15px;
}
.services ul li img {
    width: 77%;
    margin-left: 5px;
}
.slider h1 {
    font-size: 65px;
}
.slider h2 {
    font-size: 30px;
}
.slider h3 {
    font-size: 55px;
   
}


  .top-contact p, .top-email p {
    padding: 12px 0px 17px 65px;
    font-size: 13px;
  }
   .top-text p {
    font-size: 14px;
}
  .top-text {
      width: 24%;
  }
  .top-contact {
      width: 18%;
  }
  .top-email {
      width: 39%;
  }
    .h-heading h1 {
    font-size: 18px;
}
}
@media (max-width: 1024px){
.contact-info{right: 0;}

}
@media (min-width: 768px) and (max-width: 960px){
 .services ul {
    width: 100%;
    height: 92px;
}
.services ul li {
    width: 162px;
}
.services .right {
    width: 90px;
    margin-top: 4px;
}
.services ul li h2 {
    font-size: 13px;
}
.services ul li img {
    width: 77%;
}

.contact-info h1 {
    font-size: 21px;
    margin-bottom: 6px;
}
.contact-info h2 {
    font-size: 11px;
    margin-bottom: 5px;
}

.contact-form > div {
    margin-bottom: 11px;
}
.contact-form p {
    font-size: 11px;
}
.contact-form input {
    font-size: 10px;
    height: 10px;
    padding: 11px 3px;
    width: 105px;
}


.slider h1 {
    font-size: 40px;
}
.slider h2 {
    font-size: 15px;
}
.slider h3 {
    font-size: 35px;
}
.logo img{
 width: 100%;
height: 40px;
}
.logo, .h-heading {
    margin: 17px 0px 2px;
}
  .top-contact p, .top-email p {
    padding: 12px 0px 17px 65px;
    font-size: 13px;
  }
   .top-text p {
    font-size: 14px;
}
 .top-text {
    padding: 11px 11px 7px 6px;
    width: 35%;
}
  .top-contact {
      width: 23%;
  }
  .top-email {
      width: 39%;
  }
     .h-heading h1 {
    font-size: 14px;
}
footer .right {
  float: none;
  text-align: center;
}

.fotr-nav ul li {
  display: inline-block;
  float: none;
  margin-right: 10px;
  text-align: center;
}
}

@media (min-width: 600px) and (max-width: 767px){

/* .services ul {
    width: 100%;
    height: 92px;
}
.services ul li {
    width: 162px;
}
.services .right {
    width: 90px;
    margin-top: 4px;
}
.services ul li h2 {
    font-size: 13px;
}*/
.contact-info h1 {
    font-size: 21px;
    margin-bottom: 6px;
}
.contact-info h2 {
    font-size: 11px;
    margin-bottom: 5px;
}

.contact-form > div {
    margin-bottom: 11px;
}
.contact-form p {
    font-size: 11px;
}
.contact-form input {
    font-size: 10px;
    height: 10px;
    padding: 11px 3px;
    width: 105px;
}

 /*.services ul {
    width: 100%;
    height: 92px;
}
.slider h1 {
    font-size: 35px;
}
.slider h2 {
    font-size: 15px;
}
.slider h3 {
    font-size: 30px;
}*/

.logo img{
  width: 100%;
height: 42px;
}
.logo, .h-heading {
    margin: 17px 0px 2px;
}
  .top-contact p, .top-email p {
    padding: 15px 2px 4px 49px;
    font-size: 12px;
  }
   .top-text p {
    font-size: 14px;
}
 .top-text {
    padding: 11px 11px 7px 6px;
    width: 41%;
}
  .top-contact {
      width: 17%;
  }
  .top-email {
      width: 39%;
  }
  .top-contact.left > img, .top-email > img {
    padding: 10px 9px 18px;
}
   .h-heading h1 {
    font-size: 12px;
}
footer .right {
  float: none;
  text-align: center;
}

.fotr-nav ul li {
  display: inline-block;
  float: none;
  margin-right: 10px;
  text-align: center;
}
}
@media (min-width: 480px) and (max-width: 639px){

/* .services ul {
    width: 100%;
    height: 92px;
}
.services ul li {
    width: 162px;
}
.services .right {
    width: 90px;
    margin-top: 4px;
}
.services ul li h2 {
    font-size: 13px;
}*/
.contact-info h1 {
    font-size: 21px;
    margin-bottom: 6px;
}
.contact-info h2 {
    font-size: 11px;
    margin-bottom: 5px;
}

.contact-form > div {
    margin-bottom: 11px;
}
.contact-form p {
    font-size: 11px;
}
.contact-form input {
    font-size: 10px;
    height: 10px;
    padding: 11px 3px;
    width: 105px;
}

/* .services ul {
    width: 100%;
    height: 92px;
}


  .slider h1 {
    font-size: 25px;
}
.slider h2 {
    font-size: 12px;
}
.slider h3 {
    font-size: 25px;
}*/
  .logo img{
  width: 100%;
  height: 30px;
}
.logo, .h-heading {
    margin: 17px 0px 2px;
}

  .top-contact p{
    padding: 12px 2px 1px 28px;
    font-size: 12px;
  }
  .top-email p {
    padding: 14px 2px 4px 35px;
    font-size: 12px;
  }
   .top-text p {
    font-size: 12px;
}
 .top-text {
    padding: 7px 0px 4px 3px;
    width: 38%;
}
  .top-contact {
      width: 17%;
  }
  .top-email {
      width: 39%;
  }
  .top-contact.left > img{
   padding: 9px 3px 17px;
}
  .top-email > img {
  padding: 9px 3px 17px;
  }
    .h-heading h1 {
    font-size: 9px;
}
footer .right {
  float: none;
  text-align: center;
}

.fotr-nav ul li {
  display: inline-block;
  float: none;
  margin-right: 10px;
  text-align: center;
}
}

@media (min-width: 320px) and (max-width: 479px){
  .logo img{
    width: 100%;
    height: 50px;
  }
  .top-contact p{
    padding: 12px 2px 1px 40px;
    font-size: 12px;
  }
  .top-email p {
    padding: 14px 2px 4px 40px;
    font-size: 12px;
  }
  .top-text p {
    font-size: 12px;
  }
 .top-text {
    padding: 7px 0px 4px 3px;
    width: 38%;
  }
  .top-contact {
      width: 17%;
  }
  .top-email {
    width: 39%;
    text-align: center;
  }
  .top-contact.left > img{
    padding: 9px 3px 17px;
  }
  .top-email > img {
    padding: 9px 3px 17px;
  }
  .h-heading h1 {
    font-size: 13px;
  }
  footer .right {
    float: none;
    text-align: center;
  }

  .fotr-nav ul li {
    display: inline-block;
    float: none;
    margin-right: 10px;
    text-align: center;
  }
}


@media (min-width: 960px) and (max-width: 1160px){

  .content ul li{
    width: 43%;
    margin-left: 45px;
    margin-right: 0px;
  }
  .content ul li .right {
    width: 83% !important
}
}
@media (min-width: 768px) and (max-width: 959px){
  .content ul li{
    width: 39%;
    margin-left: 50px;
    margin-right: 0px;
  }
  .content ul li .right {
    width: 77% !important
  }
  .content ul li h2{
    font-size: 12px;
  }
  .h-heading h1 {
    font-size: 20px;
  }
}

@media (min-width: 640px) and (max-width: 767px){
  .content ul li {
    margin-left: 5px;
    margin-right: 5px;
    width: 48%;
  }
  .content ul li .right {
    width: 82% !important
  }
  .content ul li h2{
    font-size: 12px;
  }
}

@media (min-width: 480px) and (max-width: 639px){
  .content ul li {
    margin-left: 39px;
    margin-right: 39px;
    width: 81%;
  }
  .content ul li .right {
    width: 87% !important
  }
  .content ul li h2{
    font-size: 12px;
  }
}
@media (max-width: 479px){
  .content ul li {
    margin-left: 20px;
    margin-right: 0;
    width: 81%;
  }
  .content ul li .right {
    width: 87% !important
  }
  .content ul li h2{
    font-size: 12px;
  }
}

@media (min-width: 320px) and (max-width: 1000px){
.top-widht {
  margin: 0 auto 10px;
  
  width: 95%;
  height: 100%;
}

.h-heading {
  padding: 8px 0;
  width: 100% !important;
}
.h-heading h1{padding: 0 10px; text-align: center;}
.top-container {
  float: left;
  margin: 0 auto;
  padding: 0;
  width: 100%;

}
.top-contact, .top-email {
  height: auto;
   text-align: center;
}
.logo.left {
  float: none;
  text-align: center;
}
.logo img {
  height: auto;
  width: auto;
}
/*.main-slider {
  height: auto;
  margin: 0 auto;
  width: 95%;
}*/
  .h-heading {
  margin-top: 0;
}
.services, .services ul {
  background: none;
}
/*.services {
  margin: 20px 0;
  position: static;
  float: left;
  width: 100%;
}*/
/*.services ul {
  height: auto;
  width: 100% !important;
}*/
/*.services ul li {
  padding: 16px 14.5px;
  width: 29%;
}*/

.top-text {
  padding: 8px 10px;
  width: auto;
  height: auto;
  text-align: center;
}
.top-text.left {
  float: none;
  text-align: center;
}
.top-contact {
  width: 100%;
}
.top-email {
  width: 100%;
}
.top-contact.left > img {
  padding: 9px 8px !important;
}
.top-email > img{
  padding: 11px 3px;
}
.slider h1 {
  font-size: 35px;
}
.slider h3 {
  font-size: 47px;
}
.slider h2 {
  font-size: 17px;
}


/*.slider {
  float: left;
  margin: 20px 0;
  position: static;
  text-align: center;
  width: 100%;
}*/
.contact-info {
  float: left;
  height: auto;
  padding: 13px 9px 11px;
  position: static;
  width: 95%;
}
.contact-form input {
  height: 10px;
  width: 94%;
}
.contact-successfull {
  float: left;
  position: static;
  width: 100%;
}
.captcha {
  float: left;
  width: 100%;
}
.main-content {
  margin: 0 auto;
  width: 95%;
}
.content ul {
  padding: 0px;
}
.content ul li .right {
  width: 80% !important;
}
.content ul li .left {
  width: 20%;
}
.main-content {
  margin: 20px auto auto;
  width: 95%;
}
footer{height: auto;}
footer .right {
  float: left;
}
.fot-logo.left {
  float: none;
  text-align: center;
}
footer .right {
  float: none;
  text-align: center;
}

.fotr-nav ul li {
  display: inline-block;
  float: none;
  margin-right: 10px;
  text-align: center;
}

}
@media (min-width: 801px) and (max-width: 991px){
  .main-slider{
    width: 100%;
    height: 260px;
  }
  .h-heading {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 12px;
  }
  .slider {
    position: absolute;
    top: 80px;
    width: 80% !important;
    margin: 0 auto !important;
    left: 0;
    right: 0;
    text-align: left;
  }
  .slider h1{font-size: 45px; }
  .slider h2{font-size: 21px;}
  .slider h3{font-size: 35px;} 
  .services {
    top: 210px;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .services ul li {
    padding: 16px 14.5px;
    width: 28%;
  }
  .service-right {
    width: 93px !important;
    margin-top: 0px;
  }
     
}
@media (min-width: 768px) and (max-width: 800px){

  .logo, .h-heading {
    margin: 17px 0 2px;
   
     
  }
  .h-heading {
     font-size: 12px;
  }
  .main-slider{
    width: 100%;
    height: 260px;
  }
  .slider {
    position: absolute;
    top: 80px;
    width: 80% !important;
    margin: 0 auto !important;
    left: 0;
    right: 0;
    text-align: left;
  }
  .slider h1{font-size: 45px; }
  .slider h2{font-size: 21px;}
  .slider h3{font-size: 35px;} 
  .services {
    top: 210px;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  .services ul li {
    /*padding: 16px 14.5px;*/
    width: 28%;
  }
  .service-right {
    width: 93px !important;
    margin-top: 0px;
  }
  .main-content {
    margin: 58px auto;
  }
}




@media (max-width: 640px){
  
  .h-heading h1 {
    font-size: 17px;
  }
}
@media (max-width: 480px){

  .services, .services ul{background: none;}
}


@media (max-width: 360px){
  .content ul li {
    margin-left: 29px;
    margin-right: 29px;
    width: 81%;
  }
}
@media (min-width: 641px) and (max-width: 767px){
    .main-slider{
    width: 100%;
    height: auto;
  }
  .slider {
    float: left;
    margin: 20px 0;
    position: static;
    text-align: center;
    width: 100%;
    padding: 20px 0px;
  }
   .slider h1 {
    font-size: 55px;
  }
  .slider h3 {
    font-size: 40px;
  }
  .slider h2 {
    font-size: 25px;
  }
  .services {
    margin: 20px 0;
    position: absolute;
    float: left;
    width: 100%;
    top: 145px;
  }
  .services ul {
    height: auto;
    width: 100%;
  }
  .services .left {
    margin-left: 10px;
  }
  .services ul li {
    padding: 16px 0;
    width: 60%;
    float: none;
    border-bottom: 2px solid #fff;
    margin: 0 auto;
  }
  .services ul li h2 {
    font-size: 18px;
  }
  .services ul li p {
    font-size: 14px;
  }
  .service-right {
    width: 60% !important;
    margin-top: 10px !important;
  }
  .main-content {
    margin-top: 302px;
  }
}
@media (min-width: 481px) and (max-width: 640px){
  .h-heading h1{
    font-size: 14px;
  }
  .main-slider{
    width: 100%;
    height: auto;
  }
  .slider {
    float: left;
    margin: 20px 0;
    position: static;
    text-align: center;
    width: 100%;
    padding: 15px 0px;
  }
   .slider h1 {
    font-size: 35px;
  }
  .slider h3 {
    font-size: 30px;
  }
  .slider h2 {
    font-size: 15px;
  }
  .services {
    margin: 20px 0;
    position: absolute;
    float: left;
    width: 100%;
    top: 95px;
  }
  .services ul {
    height: auto;
    width: 100%;
  }
  .services .left {
    margin-left: 10px;
  }
  .services ul li {
    padding: 16px 0;
    width: 80%;
    float: none;
    border-bottom: 2px solid #fff;
    margin: 0 auto;
  }
  .services ul li h2 {
    font-size: 16px;
  }
  .services ul li p {
    font-size: 12px;
  }
  .service-right {
    width: 60% !important;
    margin-top: 10px !important;
  }
  .main-content {
    margin-top: 302px;
  }
}
@media (min-width: 320px) and (max-width: 480px){
  
  .h-heading {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .h-heading h1 {
   font-size: 12px;
  }
  .main-slider{
    width: 100%;
    height: auto;
  }
  .slider {
    float: left;
    margin: 20px 0;
    position: static;
    text-align: center;
    width: 100%;
    padding: 10px 0px;
  }
   .slider h1 {
    font-size: 35px;
  }
  .slider h3 {
    font-size: 30px;
  }
  .slider h2 {
    font-size: 15px;
  }
  .services {
    margin: 20px 0;
    position: absolute;
    float: left;
    width: 100%;
    top: 82px;
  }
  .services ul {
    height: auto;
    width: 100%;
  }
  .services .left {
    margin-left: 10px;
  }
  .services ul li {
    padding: 16px 0;
    width: 95%;
    float: none;
    border-bottom: 2px solid #fff;
    margin: 0 auto;
  }
  .service-right {
    width: 60% !important;
    margin-top: 10px !important;
  }
  .main-content {
    margin-top: 302px;
  }
  
  
  
  

}