@charset "utf-8";
/* CSS Document */

/* For Mobile phones */
@media screen and (max-width: 320px) {
  .contact-section-txt { padding-top: 10px;}
	.contact-section-txt h1 {font-size: 16px;}
	.hero-section {margin-top: 130px; height:450px !important;}
}

/* For small tablets/large phones */
@media screen and (max-width: 576px) {
	th {font-size: 16px;}
	td {font-size: 14px;}
	
	.hero-section{margin-top: 130px; height:400px !important;}
	.hero-section-txt h1{font-size: 16px;line-height: 1.2;}
	.hero-section-txt p{font-size: 12px;}
	.hero-section-txt { padding-top: 25px;}
	.testimonial-carousel .col-sm-3, .testimonial-carousel .col-xs-12 {width: 260px;}
	.section-header h2{font-size:17px;}
	 /* Footer navigation links hover */
  #footer-nav #navigation li {
    margin: 0 15px 7px 15px;
  }
  /* Footer store button hover */
  #footer-nav #navigation .store {
    margin-top: 20px;
  }
	#footer .certify {
		text-align: center;
	  }
}



/* For Tablet pages */
@media screen and (max-width: 1000px) {
	#header-generic-details {display: none; }
	#header {top: 0px;}
	/* mobile logo */
	#header .logo img {text-align: left; position: inherit; height: 100px;}
	#header #navigation { display: none; }
	.main,
	.main-terms {margin-top: 120px;}
	#message-us-popup-container #message-us-popup {
	width: 90vw;
	height: 520px;
	margin-left: 5vw;
	margin-top: calc(50vh - 260px);
	}
	#message-us-popup-container #message-us-popup .container {
	width: calc(90vw - 40px);
	}
	#message-us-popup-container #message-us-popup #contactform {
	padding: 0;
	}
	  .mobile-menu {
    display: block;
    z-index: 999;
  }

  .mobile-menu a {
    display: none;
  }

  .mobile-menu a.icon {
    float: right;
    display: block;
    position: fixed;
    top: 10px;
    right: 5px;
    font-family: "LigatureSymbols", sans-serif;
    font-size: 25px !important;
    color: #333333;
  }

  .active a {
    color: #e4b50a !important;
  }

  .active a.icon {
    float: right;
    display: block;
    position: fixed;
    top: 10px;
    right: 5px;
    font-family: "LigatureSymbols", sans-serif;
    font-size: 27px !important;
    color: #000;
    z-index: 999;
  }

  .mobile-menu.responsive {
    position: fixed;
  	border-top: 1px solid #ededed;
    top: 110px;
    left: 0;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #ededed;
  }

  .mobile-menu.responsive .links {
    padding: 10px 30px;
  }

  .mobile-menu.responsive .links .icon {
    float: right;
    display: block;
    position: absolute;
    top: 10px;
    right: 5px;
    font-family: "LigatureSymbols", sans-serif;
    font-size: 25px !important;
    color: #333333;
  }
  /* mobile menu text links*/
  .mobile-menu.responsive .links a {
    display: block;
    font-family: "Poppins-Regular", sans-serif;
    padding: 0;
    margin: 0;
    line-height: 35px;
    height: 32px;
    font-size: 14pt;
    color: #000;
    text-align: center;
  }
  /* Online store button Mobile */
  .mobile-menu.responsive .links .store a {
    background: #e4b50a;
    color: #fff;
    border-radius: 5px;
    margin-top: 20px;
    height: 45px;
    line-height: 45px;
  }
	
	/* yellow button */
.store:hover {
  background: #f1c800;
	color: #000;
}
  /* MOBILE Online store button image */
  .mobile-menu.responsive .links .store a img {
    height: 30px;
    text-align: center;
    margin-bottom: 0;
  }
  /* MOBILE social media buttons */
  .mobile-menu.responsive .social-media {
    padding: 0 30px;
    text-align: center;
  }
  /* MOBILE social media buttons */
  .mobile-menu.responsive .social-media a {
    display: inline-block;
    font-family: "Poppins-Regular", sans-serif;
    padding: 0;
    margin-top: 5px;
    line-height: 30px;
    height: 20px;
    font-size: 14pt;
    color: #000;
    text-align: center;
  }
  /* MOBILE social media buttons symbols */
  .mobile-menu.responsive .social-media a s {
    font-family: "LigatureSymbols", sans-serif;
    font-size: 25px;
    padding: 0 6px;
    text-decoration: none;
  }
  /* MOBILE end button in nav */
  .mobile-menu.responsive .contacts {
    padding: 10px 25px;
  }
  /* MOBILE - icons for nav */
  .mobile-menu.responsive .contacts .icon {
    float: right;
    display: block;
    position: absolute;
    top: 10px;
    right: 5px;
    font-family: "LigatureSymbols", sans-serif;
    font-size: 25px !important;
    color: #333333;
  }
  /* MOBILE - icons for contact button */
  .mobile-menu.responsive .contacts a {
    display: block;
    font-family: "Poppins-Semibold", sans-serif;
    padding: 0;
    margin: 0;
    line-height: 30px;
    height: 35px;
    font-size: 14pt;
    color: #000;
    text-align: center;
  }
  /* MOBILE - symbols for contact */
  .mobile-menu.responsive .contacts a s {
    font-family: "LigatureSymbols", sans-serif;
    font-size: 20px;
    padding: 0 7px 0 0;
    text-decoration: none;
  }
	/* Services featured on home page */
	.services {
	background: #fff;
	margin: -100px 0px 0px 0px;
	padding: 0;
	height: auto;
	padding: 70px 0;
	border-bottom:1px solid #eee;
	}
	.services .services-inner {
	transform: none;
	}
	.service .single-service.first{margin-top:30px;}
	.service .single-service.middle{margin-top:30px;}
	.service .single-service.last{margin-top:30px;
	}
	/* Hero section - home page */
	.hero-section{margin-top: 140px; height:350px;}
	.hero-section-txt h1{font-size: 25px; line-height: 1.2;}
	.hero-section-txt p{font-size: 16px;}
	
	/* section header - on all pages */
}
	
	/* For Tablet pages */
@media screen and (max-width: 768px) {
	
	/* footer text - mobile */
	  #footer h3 {
		text-align: center;
		margin-top: 50px;
	  }
	  /* footer lines - mobile */
	  #footer .underline:after {
		margin: auto auto;
	  }

	  #footer .follow {
		text-align: center;
	  }

	  #footer .follow a {
		text-align: center;
		padding: 0 5px 0 5px !important;
	  }

	  #footer .follow a s {
		padding: 0;
	  }

	  #footer a {
		text-align: center;
	  }

	  

	  #footer img {
		width: 30%;
	  }

	  #footer .copyright {
		text-align: center;
	  }

	  #footer .copyright p {
		text-align: center;
	  }
	}