/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/


/*****************************************/
/* Start your style declarations here    */
/*****************************************/
*{ 
  font-family:roboto, -apple-system, BlinkMacSystemFont, "Segoe UI","Helvetica Neue", Arial, sans-serif;
  line-height:1.5em;/* was 1.7em */
  /* New change default base font size from (unset - default 16px) to 18px; */
  /*font-weight:normal;*/
  /* font-size:16px; */
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.text-center img {
  display: inline-block;
}
.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('img/others/loader.gif') 50% 50% no-repeat rgb(255,255,255);
}
.owl-theme .owl-dots .owl-dot {
  outline: none !important;
}

@-ms-viewport {
  width: device-width;
}

/* TEST FOCUS STYLES */
a:focus, 
input:focus,
button:focus, 
textarea:focus,
select:focus{ 
  /*outline:1px dotted black !important;*/
  box-shadow: 0 0 1em rgb(77, 144, 354) !important; /* dark green #008441 is rgb(0,162,35) :: rgb(77, 144, 354) is the default chrome outline bluish color. */
  /*box-shadow: 0 0 0.5em rgba(200,32,65,0.9) !important;*/
  /*transition:none !important;*/
  /*outline:1px solid blue;*/
      /*outline-width:0;*/
  /*outline-color:black;*/
  /*outline-offset: 0; */
  animation: ping_anim 2.0s 1;
  /*box-shadow: 0 0 0 0.4rem rgba(0,123,255,0.25) !important;*/
}

input[type=text]:focus,
input[type=password]:focus,
input[type=radio]:focus,
input[type=email]:focus,
input[type=phone]:focus,
input[type=submit]:focus,
input[type=image]:focus,
select:focus,
button:focus,
a:focus,
textarea:focus, select:focus { 
  outline-width: 2px;
}

/* animate foxus outline briefly for easier attention grabbing. */
@keyframes ping_anim {
  75%
  {
    box-shadow: 0 0 0.5em rgba(255,0,0,1.0); /* dark green #008441 is rgb(0,162,35) :: rgb(77, 144, 354) is the default chrome outline bluish color. */
    /*outline: 2px dotted red;*/
    /*box-shadow: 0 0 0 0.4rem rgba(0,123,255,0.25) !important;*/
  }
  /*
  70%
  {
    box-shadow: 0 0 0.5em rgba(255,0,0,1.0);
  }
  */
  /*80%
  {
    box-shadow: none;
    outline: 3px solid red; 
  }
  */
}

a:focus:not(:focus-visible),
input:focus:not(:focus-visible),
button:focus:not(:focus-visible),
textarea:focus:not(:focus-visible)
{
  /* Undo all the above focused button styles
     if the button has focus but the browser wouldn't normally
     show default focus styles */
  /*outline: none !important;*/
  /*
  outline:1px solid blue;
  outline-offset: 0.1rem;
  */
}
a:focus-visible,
input:focus-visible,
button:focus-visible,
textarea:focus-visible
{ /* Some even *more* exciting button focus styles */
  /* FUTURE */
  outline:2px dotted red;
}

/* end: TEST FOCUS STYLES */


.subpagecontent a, .subpagecontent a:visited  { 
  color: blue; text-decoration:none; border-bottom:1px solid blue; 
  /* color: #444; text-decoration:none; border-bottom:1px dotted gray; */
} /* Dark green #008441. */
.subpagecontent a:hover,
.subpagecontent a:active,
.subpagecontent a:focus{ 
  color:#222; border-bottom:none; text-decoration:underline;
  /*color:#222; border-bottom:none; text-decoration:underline;*/
}



/* old green #26af71, new green #008441 OR rgb(38, 175, 113) */

/*************SUB MENU**********Doesn;t appear to be used by menus at this time. ***/
.mainmenu .sub-menu {list-style: outside none none;  min-width: 220px;  padding: 0;  position: absolute;  z-index: 1000;  display:none;}
.mainmenu li:hover .sub-menu{ display:block; }
.mainmenu .sub-menu li{ padding: 0px !important;}
.mainmenu .sub-menu li a { background: none repeat scroll 0 0 #fff;  display: block;  padding: 10px 15px !important;  text-align: left; color: #000 !important;  text-decoration: none;  transition: all 1s ease-in-out 0s;-webkit-transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;}
.mainmenu .sub-menu li a:hover { background:#fff !important; border-left:5px solid #008441; padding-left:25px;} /* old green #26af71. New darket green #008441. */

/* SKIP LINK ADDITION */
a.skip-link{ background-color: #000; font-size:0; color:#fff; text-decoration:none; text-align:center; position:absolute; left:0; right:0; width:99%; 
transition:all 0.5s; }
/* dev test
a.skip-link { background-color: #e83e8c; color:#fff; text-align:center; display:block; position:static; padding:20px 50px; width:100%; font-size:28px; margin:5px 5px 10px 5px; box-shadow: 0px 0px 20px red; width:99%; }
*/
a.skip-link:focus{ display:block; position:static; padding:20px 50px; width:100%; font-size:28px; margin:5px 5px 10px 5px; /*box-shadow: 0px 0px 20px red; */ }


/* Fix the header top as user scrolls. */

/* GH: made the top header ALWAYS fixed and with a bottom green border.*/
body { margin:105px 0 0 0; }
.header-top.on-scroll, .header-top {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
    border-bottom: 5px solid #1a573b;
    background: #fff;
}


header .header-bottom {
  position: relative;
}
header .home-banner {
  padding: 110px 0px;
  background-color:#333; /* gh added */
  /*background-image: url(img/banner/banner-img.webp); gh removed */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top right;
}
header .home-banner .row {
  align-items: center;
}
header .banner-search {
  padding: 40px 35px;
  background-color: rgba(0,132,65,0.85);
  border-radius: 40px;
}
header .banner-search h1 {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 25px;
  text-transform: uppercase;
  margin-top:auto;
}
header .banner-search .input-group {
  border-radius: 50px;
  background-color: #fff;
  padding: 10px;
  width: 100%;
}
header .banner-search input {
  height: 50px;
  background-color: #fff;
  padding: 5px 5px;
  margin: 0 5px 0 15px;
  border-radius: 0px;
  font-size: 1.2rem;
  color: #696969;
  border: none;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  /*box-shadow: none !important;*/
}
header .banner-search button {
  margin-left:0.5em;
  font-size: 17px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 14px 25px;
  border-radius: 30px;
  border: none;
  /*box-shadow: none !important;*/
  text-transform: uppercase;
  line-height: normal;
  background-color: #008441;
}
header .banner-details h2 {
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  line-height: 1.4;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.section-heading h3 {
  font-size: 48px;
  font-weight: 900;
  color: #000302;
  margin-bottom: 50px;
  padding-bottom: 25px;
  position: relative;
}
.section-heading h3::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0px;
  height: 4px;
  width: 112px;
  background-color: #008441; /* old green #26af71. New darket green #008441. */
}

/* GH: MOVED MORE '*-holder' classes out of here and possibly, into HP3.css */

footer {
  padding: 70px 0px;
  border-top:1px solid gray; 
}
footer .footer-social ul {
  margin-bottom: 30px;
}
footer .footer-social ul li {
  padding: 0px 10px;
}

footer .footer-social ul li a {
    display:inline-block;
}

footer .footer-social ul li a i {
  height: 65px;
  width: 65px;
  font-size: 30px;
  color: #008441; /* old green #26af71. New darket green #008441. */
  padding: 16px 0px;
  border: 2px solid #008441; /* old green #26af71. New darket green #008441. */
  border-radius: 50%;
  text-align: center;
  background-color: transparent;
}
footer .footer-social ul li a:hover i,
footer .footer-social ul li a:focus i {
  color: #fff;
  background-color: #008441; /* old green #26af71. New darker green #008441. */
}



footer .footer-menus ul {
  margin-bottom: 30px;
}
footer .footer-menus ul li {
  padding: 0px 15px;
  position: relative;
}

/* Footer Link styles. */
footer .footer-menus ul li a, footer .footer-menus ul li a:link, footer .footer-menus ul li a:visited {
  /*font-size: 20px;*/ /* This makes the footer links bigger (default is 16px) */
  color: blue; /* was #333 green #008441 */
  text-decoration: none;
  border-bottom:1px solid blue;
}

footer .footer-menus ul li a:hover,
footer .footer-menus ul li a:active,
footer .footer-menus ul li a:focus {
  text-decoration:underline;
  color:black;
  border-bottom-color: transparent;
}


footer .footer-menus ul li::after {
  content: "|";
  position: absolute;
  right: -2px;
  top: -1px;
  font-size: 20px;
  color: #008441;
}
footer .footer-menus ul li:last-child::after {
  display: none;
}
footer .footer-menus p {
  font-size: 20px;
  color: #333; /*green #008441*/
  margin-bottom: 0px;
}

/*Inner Page css*/
header .inner-banner {
  padding: 100px 0px;
  background-image: url(img/banner/inner-banner-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
header .inner-banner h3 {
  font-size: 48px;
  font-weight: 700;
  color: #fff;
  line-height: normal;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.inservices-holder {
  padding: 100px 0px;
}
.inservices-holder .inservices-row {
  margin-bottom: 90px;
}
.inservices-holder .inservices-row:last-child {
  margin-bottom: 0px;
}
.inservices-holder .inservices-contents {
  padding-top: 25px;
}
.inservices-holder .inservices-contents h3 {
  font-size: 42px;
  font-weight: 700;
  color: #252525;
  margin-bottom: 30px;
  padding-bottom: 25px;
  position: relative;
}
.inservices-holder .inservices-contents h3::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  height: 4px;
  width: 85px;
  background-color: #008441; /* old green #26af71. New darket green #008441. */
}
.inservices-holder .inservices-contents p {
  font-size: 18px;
  /*font-family: "Open Sans";*/
  color: #000;
  line-height: 1.7;
  margin-bottom: 20px;
  text-align: justify;
}
.incategory-holder {
  padding: 100px 0px 130px;
  background-color: #efefef;
}
.incategory-holder .incategory-row {
  margin-bottom: 30px;
} 
.incategory-holder .incategory-contents {
  padding: 35px 20px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0px 7px 8px rgba(0,0,0,0.08);
  -webkit-box-shadow: 0px 7px 8px rgba(0,0,0,0.08);
  -moz-box-shadow: 0px 7px 8px rgba(0,0,0,0.08);
}
.incategory-holder .incategory-icons {
  height: 115px;
  width: 115px;
  border-radius: 50%;
  background-color: #008441; /* old green #26af71. New darket green #008441. */
  padding: 13px 0px;
  margin: 0 auto 25px;
  box-shadow: 0px 6px 10px rgba(0,0,0,0.14);
  -webkit-box-shadow: 0px 6px 10px rgba(0,0,0,0.14);
  -moz-box-shadow: 0px 6px 10px rgba(0,0,0,0.14);
}
.incategory-holder .incategory-contents h4 {
  font-size: 24px;
  font-weight: 400;
  color: #3c3c3c;
  line-height: 1.4;
  margin-bottom: 0px;
}
.incategory-holder .incategory-contents h4 a {
  text-decoration: none;
  color: #3c3c3c;
}

/*RESPONSIVE*/
@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1440px) {
  .category-holder .category-details {
    top: 25%;
  }
}

@media screen and (max-width: 1366px) {

}

@media screen and (min-width: 1200px) and (max-width: 1280px) {

}

@media screen and (max-width: 1279px) {
  header .header-contact ul li a {
    font-size: 20px;
  }
  header .header-top .navbar-brand {
    margin-right: 40px;
  }
  header .mainmenu nav.navbar .navbar-nav li.nav-item {
    padding: 0px 10px;
  }
  header .mainmenu nav.navbar .navbar-nav li.nav-item a.nav-link {
    font-size: 16px;
  }
  header .home-banner {
    padding: 90px 0px;
  }
  header .banner-search h1 {
    font-size: 25px;
  }
  header .banner-search input {
    height: 45px;
  }
  header .banner-search button {
    font-size: 16px;
    padding: 12px 20px;
  }
  header .banner-details h2 {
    font-size: 30px;
  }
  .section-heading h3 {
    font-size: 35px;	
  }
  .clients-holder .clients-heading h3 {
    font-size: 30px;
    padding: 0% 20%;
  }
  .clients-holder .col-md-2 {
    padding: 0px 5px;
  }
  .clients-holder .clients-logo {
    height: 145px;
    width: 145px;
    padding: 40px 0px;
  }
  .counts-holder .counts-contents h4 {
    font-size: 30px;
  }
  .counts-holder .counts-contents p {
    font-size: 15px;
  }
  .services-holder .services-details {
    padding: 10px 10px 20px;
  }
  .services-holder .services-details h4 {
    font-size: 16px;
    min-height: 40px;
  }
  .services-holder .services-details p {
    font-size: 16px;
    min-height: 110px;
  }
  .services-holder .services-btn a {
    font-size: 16px;
    padding: 12px 30px;
  }
  .about-holder .about-contents p {
    font-size: 14px;
  }
  .cmn-btn {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 12px 30px;
  }
  
  /* Moved '*-holder' classes from here to HP3_ */
  
  footer .footer-social ul li a i {
    height: 55px;
    width: 55px;
    font-size: 25px;
    padding: 14px 0px;
  }
  footer .footer-menus ul li a {
    font-size: 16px;
  }
  footer .footer-menus ul li::after {
    right: -2px;
    top: 0px;
    font-size: 16px;
  }
  footer .footer-menus p {
    font-size: 16px;
  }

  /*Inner Page Css*/
  header .inner-banner {
    padding: 70px 0px;
  }
  header .inner-banner h3 {
    font-size: 35px;
  }
  .inservices-holder .inservices-contents h3 {
    font-size: 35px;
  }
  .inservices-holder .inservices-contents p {
    font-size: 16px;
  }
  .incategory-holder .incategory-contents h4 {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  
    .quotes-holder .col-md-7 { max-width:100%; flex: 100%; transition: all 1s;}
    
  
    .experience-holder .experience-row { margin-bottom: 0 !important; }
  
  .experience-row div.experience-contents { margin-bottom:1em; }
  
  
  /* start: Hide certain images when the width is too small. */  
  .about-holder {
    background-image:none !important;
    background:#e9e9e9;
  }
  .about-wrap .col-md-8 { flex:100%; max-width:100%; }
  
  
  
  .testing-wrap .col-md-6 { flex:100%; max-width:100%; }
  .testing-wrap .testing-img { display:none; }
  .counts-holder { background-image:none !important; background-color: #EEE; } /* GH added */
  .quotes-img { display:none; }
  /* end: Hide certain images when the width is too small. */  
  
  
  /* Make footer links NOT be 100% wide */
  /* Footer Link styles. */
footer .footer-menus ul li a, footer .footer-menus ul li a:link, footer .footer-menus ul li a:visited {
  /*font-size: 20px;*/ /* This makes the footer links bigger (default is 16px) */
  width:auto !important;
  display:inline-block !important;
}
  
  header .header-contact {
    margin-bottom: 15px;
    padding-top: 10px;
  }
  header .header-contact ul li a {
    font-size: 14px;
  }
  header .header-contact ul li a img {
    max-width: 22px;
  }
  header .header-top .navbar-brand {
    margin-right: 0px;
  }
  header .mainmenu nav.navbar .navbar-nav li.nav-item {
    padding: 0px 7px;
  }
  header .mainmenu nav.navbar .navbar-nav li.nav-item a.nav-link {
    font-size: 13px;
  }
  header .home-banner {
    padding: 60px 0px;
  }
  header .banner-search {
    padding: 30px 25px;
    border-radius: 30px;
  }
  header .banner-search h1 {
    font-size: 20px;
  }
  header .banner-search .input-group {
    padding: 5px;
  }
  header .banner-search input {
    height: 40px;
    padding: 5px 10px;
    font-size: 13px;
  }
  header .banner-search button {
    font-size: 14px;
    padding: 11px 15px;
  }
  header .banner-details h2 {
    font-size: 25px;
  }
  .clients-holder {
    padding: 70px 0px 45px;
  }
  .clients-holder .clients-heading h3 {
    font-size: 25px;
    padding: 0% 10%;
  }
  .clients-holder .clients-row {
    margin-bottom: 0px;
  }
  .clients-holder .clients-logo {
    height: 155px;
    width: 155px;
    padding: 40px 0px;
    margin: 0 auto 25px;
  }
  .counts-holder {
    padding: 70px 0px 40px;
  }
  .counts-holder .counts-contents {
    padding: 25px 15px;
    margin-bottom: 30px;
  }
  .counts-holder .counts-contents h4 {
    font-size: 25px;
  }
  .counts-holder .counts-contents p {
    font-size: 16px;
  }
  .services-holder .services-details h4 {
    font-size: 14px;
    min-height: 50px;
  }
  .services-holder .services-details p {
    font-size: 14px;
    min-height: 120px;
  }
  .services-holder .services-btn a {
    font-size: 14px;
    padding: 10px 25px;
  }
  .section-heading h3 {
    font-size: 30px;
  }
  .cmn-btn {
    font-size: 14px;
    padding: 10px 25px;
  }

  /* GH: MOVED MORE '*-holder' styles out of here and, if nmeeded, into HP3_modules.css instead. */



@media screen and (max-width: 767px) {
  
  /* GH added latest blog responsize styles here. */
  .blog-holder .blog-contents { margin-bottom:0; }
  .blog-holder .blog-contwrap .row .col-md-4 { margin-bottom:3em; }
  .blog-holder .blog-details { padding:10px 5px 0; }
  .blog-holder .blog-contents .btn { position:relative; top:-2px; }
  .experience-row div.experience-contents { border:1px solid silver; border-radius:10px; }
  
  .experience-holder .experience-contents p { height:auto; } /*stop the fixed height when in smaller screen */

  /* end: GH added latest blog... */
  
  .icon-bar {
    background-color: #008441; /* old green #26af71. New darket green #008441. */
    border-radius: 1px;
    display: block;
    height: 3px;
    width: 24px;
  }
  .icon-bar + .icon-bar {
    margin-top: 4px;
  }
  .navbar-toggler {
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 0px;
    margin-top: 8px;
    height: 30px;
    padding: 1px;
    width: 30px;
    position: relative;
    outline: none !important;
  }
  header .header-contact {
    margin-bottom: 15px;
    padding-top: 0px;
    text-align: center;
  }
  header .header-contact ul li {
    padding: 0px 5px;
  }
  header .header-top .navbar-brand {
    margin-right: 0px;
    padding: 0px;
    width: 55%;
  }
  header .mainmenu nav.navbar .navbar-nav li.nav-item {
    padding: 0px 0px;
  }
  header .mainmenu nav.navbar .navbar-nav li.nav-item a.nav-link {
    font-size: 14px;
  }
  header .header-bottom .home-banner {
    padding: 20px 0px;
    /* GH added removal of backgorun d-image when this small */
    background-image:none !important;
  }
  header .banner-search {
    padding: 25px 15px;
    border-radius: 25px;
    margin-bottom: 25px;
  }
  header .banner-search h1 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  header .banner-search button {
    font-size: 14px;
    padding: 11px 20px;
  }
  header .banner-details h2 {
    font-size: 20px;
  }
  .section-heading h3 {
    font-size: 25px;
  }
  .clients-holder .clients-heading h3 {
    font-size: 22px;
    padding: 0% 0%;
  }
  .counts-holder .counts-contents h4 {
    font-size: 22px;
  }
  .counts-holder .counts-contents p {
    font-size: 14px;
  }
  .services-holder .services-row {
    margin-bottom: 0px;
  }
  .services-holder .services-contents {
    margin-bottom: 30px;
  }
  .services-holder .services-details {
    padding: 15px 10px 20px;
  }
  .services-holder .services-details h4 {
    font-size: 16px;
    min-height: initial;
  }
  .services-holder .services-details p {
    font-size: 14px;
    min-height: initial;
  }
  .about-holder {
    background-color: #eef0f2;
    background-image: none;
  }
  .about-holder .about-logo {
    margin-bottom: 20px;
  }
  .members-holder {
    padding: 70px 0px 50px;
  }
  .members-holder .members-heading h3 {
    font-size: 22px;
  }
  .members-holder .members-logo {
    padding: 25px 15px;
    min-height: initial;
    margin-bottom: 20px;
  }
  
  .category-holder .category-details {
    top: 40%;
    max-width: 80%;
  }
  .testing-holder .testing-contents {
    margin-bottom: 35px;
  }
  .experience-holder .experience-heading p {
    font-size: 14px;
  }
  .experience-holder .experience-contents {
    margin-bottom: 35px;
    text-align: center;
  }
  .experience-holder .experience-contents h5 {
    font-size: 18px;
  }
  .quotes-holder .quotes-img { display:none; /* hide BG-image when size is this small.*/
    bottom: 0px;
    right: 0;
    position: relative;
  }
  .quotes-holder {
    padding: 70px 0px 0px;
  }
  .quotes-holder .quotes-contents {
    /*text-align: center;*/
    margin-bottom: 30px;
  }
  .quotes-holder .quotes-contents h3 {
    font-size: 22px;
    margin-bottom: 30px;
  }
  .quotes-holder .form-fields {
    margin-bottom: 0px;
  }
  .quotes-holder .form-group {
    margin-bottom: 15px;
  }
  .quotes-holder .noleft-padding {
    padding-left: 15px;
  }
  .quotes-holder .noright-padding {
    padding-right: 15px;
  }
  .quotes-holder .form-btn button {
    height: initial;
    font-size: 14px;
  }
  .blog-holder {
    padding: 70px 0px 40px;
  }
  .blog-holder .blog-contents {
    margin-bottom: 30px;
  }
  /* GH removed as its reset above at top.
  .blog-holder .blog-details {
    padding: 25px 10px;
  }
  */
  .blog-holder .blog-details ul li {
    font-size: 14px;
    padding: 0px 5px;
  }
  .blog-holder .blog-details p {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .blog-holder .blog-details a {
    margin-bottom: 0px;
  }
  .newsletter-holder .newsletter-contents {
    padding: 70px 0px;
    max-width: 100%;
  }
  .newsletter-holder .newsletter-contents h3 {
    font-size: 18px;
  }
  .newsletter-holder .newsletter-contents input[type="submit"] {
    font-size: 16px;
  }
  .start-holder .start-contents p {
    font-size: 16px;
  }
  .start-holder .start-contents .cmn-btn {
    font-size: 16px;
    padding: 10px 25px;
  }
  .contact-holder h3 {
    font-size: 22px;
  }
  .contact-holder .contact-info {
    margin-bottom: 35px;
  }
  .contact-holder .noright-padding {
    padding-right: 15px;
  }
  .contact-holder .noleft-padding {
    padding-left: 15px;
  }
  .contact-holder .form-fields {
    margin-bottom: 0px;
  }
  .contact-holder .form-group {
    margin-bottom: 10px;
  }
  .contact-holder .form-btn {
    padding-top: 15px;
  }
  footer {
    padding: 50px 0px;
  }
  footer .footer-social ul li {
    padding: 0px 5px;
  }
  footer .footer-menus ul {
    display: block !important;
  }
  footer .footer-menus ul li {
    padding: 0px 0px 5px;
    width: 100%;
  }
  footer .footer-menus ul li::after {
    display: none;
  }

  /*Inner Pages Css*/
  header .inner-banner {
    padding: 50px 0px;
  }
  header .inner-banner h3 {
    font-size: 25px;
  }
  .inservices-holder .inservices-row {
    margin-bottom: 50px;
  }
  .inservices-holder .inservices-contents {
    margin-bottom: 30px;
  }
  .inservices-holder .inservices-contents h3 {
    font-size: 25px;
  }
  .inservices-holder .inservices-contents p {
    margin-bottom: 0px;
  }
  .incategory-holder {
    padding: 70px 0px 40px;
  }
  .incategory-holder .incategory-row {
    margin-bottom: 0px;
  }
  .incategory-holder .incategory-contents {
    padding: 30px 15px;
    margin-bottom: 30px;
  }
  .incategory-holder .incategory-contents h4 {
    font-size: 18px;
    min-height: initial;
  }

  
}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 568px) {	
  /* GH ADDED all these styles */
  .quotes-holder .quotes-contents form div.hs-submit { position:initial; width:100%; margin-bottom:0; }
  .quotes-holder .quotes-contents .input { margin-left:7px;  width:100%; } /*outline:1px solid red;*/
  .quotes-holder .quotes-contents form fieldset.form-columns-1>div input.hs-input { width:95%; } /* override annoyingly specific module style */
}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 420px) {

}

@media screen and (max-width: 384px) {
  .category-holder .category-details {
    top: 35%;
  }

  /*Inner Pages Css*/
  header .inner-banner {
    padding: 35px 0px;
  }
  header .inner-banner h3 {
    font-size: 20px;
  }
}

@media screen and (max-width: 360px) {

}

@media screen and (max-width: 320px) {
  header .banner-search button {
    font-size: 14px;
    padding: 11px 15px;
  }
  .clients-holder .clients-logo {
    height: 145px;
    width: 145px;
    padding: 40px 0px;
    margin: 0 auto 25px;
  }
  .category-holder .category-details {
    top: 30%;
  }	
}