/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 02 2023 | 21:40:19 */
/*------------------------------------------------------------------------------*/
/* Mobile Generic Optimisations */
/*------------------------------------------------------------------------------*/
@media (max-width: 820px) {
  h1 {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.02em;
    font-weight: 900;
  }

  h2 {
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.02em;  
  }

  h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.02em;  
  }

  h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.02em;  
  }

  p {
    color: #222423;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;  
  }  

  .jm-main-header h1,
  .jm-main-header h2 {
    font-size: 24px;
    line-height: 30px;
  } 
  
  #main ul li {
    color: #222423;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;  
  }  
  
  .jm-bottom {
    margin-top: -20px;
  }
  
  .jm-bottom .jm-speak-to-us ul {
    margin-left: 20px;
  }
}
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
.off-canvas-left.mfp-ready .mfp-content, 
.off-canvas-right.mfp-ready .mfp-content {
  background: #FFF;
}
/*------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------*/
/* Other Generic overwrites */
/*-----------------------------------------------------------------------------*/
@media screen and (max-width: 820px) {
  .section {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  
  .section:first-child .gap-element:first-child {
    display: none !important;
  }
  
  .section:first-child .row .col .col-inner .gap-element {
    padding-top: 10px !important;
  }
  
  .row-small>.flickity-viewport>.flickity-slider>.col, 
  .row-small>.col {
    padding-bottom: 10px;
  }
  
  .col {
    padding-bottom: 10px;
   }
  
  .section:first-child .col .col-inner.text-right {
    padding: 20px !important;
  }
}
/*-----------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------*/
@media screen and (max-width: 820px) {
  .jm-with-icon h3:before {
    margin-top: -5px;
  }
  
  .jm-download-button {
    color: #D02E26;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;

  }

  .jm-download-button span {
    height: 32px;
    display: inline-block;
    float: left;
  }

  .jm-download-button:before {
    content: "";
    background-image:url("https://www.ksf-global.com/wp-content/uploads/2021/04/DownloadSimple-2.svg");
    width: 22px;
    height: 22px;
    display: inline-block;
    float: left;
    margin-right: 10px;
  }

  .jm-download-button-2 {
    color: #D02E26;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em; 
    margin-top: -5px;
  }

  .jm-download-button-2:before {
    content: "";
    background-image:url("https://www.ksf-global.com/wp-content/uploads/2021/05/DownloadSimple.svg");
    width: 22px;
    height: 22px;
    display: inline-block;
    float: left;
    margin-right: 10px;  
  }

  .jm-read-button,
  .jm-latest-blogs-section .box button.button {
    color: #D02E26;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.02em;
    float: left;
    margin-top: 16px;  
    text-transform: capitalize;
  }

  .jm-read-button:before,
  .jm-latest-blogs-section .box button.button:before {
    content: "";
    background-image:url("https://www.ksf-global.com/wp-content/uploads/2021/05/Newspaper-1.svg");
    width: 22px;
    height: 22px;
    display: inline-block;
    float: left;
    margin-right: 10px;
  }

  .jm-rightarrow-button {
    color: #D02E26;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.02em; 
    margin-top: -5px;
  }

  .jm-rightarrow-button span {
    display: inline-block;
    float: left;
  }

  .jm-rightarrow-button:after {
    content: "";
    background-image:url("https://www.ksf-global.com/wp-content/uploads/2021/05/ArrowRightLong-1.svg");
    width: 32px;
    height: 32px;
    display: inline-block;
    float: left;
    margin-left: 18px; 
    margin-top: 4px;
  }

  .jm-envelope-button:before {
    content: "";
    background-image:url("https://www.ksf-global.com/wp-content/uploads/2021/05/EnvelopeSimple.svg");
    width: 32px;
    height: 32px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    position: relative;
    top: 5px;
  }  
}
/*-----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------*/
/* HEADER overwrites */
/*-----------------------------------------------------------------------------*/
@media screen and (min-width: 850px) and (max-width: 1200px) {
	#top-bar .nav-left {
		display: none;
	}
	
	.header-main .nav > li > a {
    	line-height: 22px;
		padding: 5px 0;
	}	
}
/*-----------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------*/
/* Blog overwrites */
/*-----------------------------------------------------------------------------*/
@media screen and (max-width: 820px) {
  .jm-latest-blogs-section .col-inner .box p.from_the_blog_excerpt {
    min-height: auto !important;
  }
  
  .jm-read-button, .jm-latest-blogs-section .box button.button {
    margin-top: 2px !important;
  }
  
  .jm-blog-section-list .primary {
    margin-top: 2px !important;
  }
  
  .jm-blog-section-list .from_the_blog_excerpt {
    margin-bottom: 0 !important;
    position: relative;
    min-height: initial !important;
  }
  
  .jm-blog-section-list .box-text .box-text-inner {
    min-height: 10px !important;
    position: relative;
   }
}
/*-----------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------*/
/* Tabs overwrites */
/*-----------------------------------------------------------------------------*/
@media screen and (max-width: 820px) {
  .jm-services-tabs-vs2 ul.nav li.tab {
    font-style: normal;
    font-weight: bold;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #222423;
    padding: 8px 10px 8px 10px !important;
    width: auto;
  }

  .jm-services-tabs-vs2 ul.nav li.tab a {
    font-size: 14px !important;
    line-height: 20px !important;    
  }  
  
  .jm-services-tabs-vs2 .nav {
      border-bottom: 1px solid #D02E26;
      margin-bottom: 10px;
  }  
}
/*-----------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------*/
/* Footer overwrites */
/*-----------------------------------------------------------------------------*/
@media screen and (max-width: 820px) {
  .jm-speak-to-us .col-inner {
     padding: 0 !important;
  }
  
  .jm-speak-to-us .col-inner ul li {
    margin-left: 0 !important;
  }
  
  .jm-bottom-tagline-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

/*-----------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------*/
/* Page specific overwrites */
/*-----------------------------------------------------------------------------*/
@media screen and (max-width: 820px) {
  .page-id-48 .section {
    padding-bottom: 0 !important;
  }
  
  /*homepage */
  .page-id-12159 .section:first-child .button {
    margin-bottom: 0 !important;
    font-size: 18px;
  }
  
  .page-id-12159 .section:first-child .jm-rightarrow-button:after {
    margin-top: 0 !important;
  }
  
  .jm-testimonials-section .jm-testimonials-quote h4 {
    font-size: 18px;
    line-height: 22px;
	}
  
  .jm-testimonials-section p.lead {
      font-size: 18px;
      line-height: 26px;
  }
  
  .jm-testimonials-section .ux-logo-image {
    height: 120px !important;
    margin-left: -60px;
  }
 
  .home .col {
    padding-bottom: 30px;
  }
  
  .home .jm-latest-blogs-section,
  .home .jm-latest-blogs-section .col {
    padding-bottom: 0!important;
  }
  
  .home .jm-latest-blogs-section .gap-element {
    display: none !important;
  }
  
  /*contact page */
  .page-id-566 .jm-contactpage fieldset {
    margin-top: 0px !important;
  }
  
  /*
  .page-id-566 .jm-contactpage .hbspt-form {
    margin-top: -30px;
  }
  */
  
  .jm-contactpage .hs-firstname input {
    width: 100% !important;
  }

  .jm-contactpage .hs-lastname input {
    width: 100% !important;
    float: initial;
  } 
  
}
/*-----------------------------------------------------------------------------*/