Body {
  font-family: "Times New Roman", Times, serif;
  font-size: 15px;
  line-height: 30px;
  color: #000;
  margin: 0px;
  padding: 0px;
  font-weight: normal; }

p, span {
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  line-height: 30px;
  color: #000;
  margin: 0px !important;
  padding: 0px;
  font-weight: normal; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Times New Roman", Times, serif;
  line-height: 35px;
  padding: 0px;
  color: #000;
  font-weight: 300;
  margin-bottom: 1rem !important; }

h1 {
  font-size: 30px;
  text-align: center; }

h2 {
  font-size: 17px; }

h3 {
  font-size: 23px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 17px; }

h6 {
  font-size: 14px; }

a {
  color: #000; }

a:hover {
  color: #1E5CAB;
  text-decoration: none; }

.btn-dark {
  color: #fff !important; }

header {
  padding-top: 10px; }
  header p {
    font-size: 18px;
    padding-top: 10px; }

.tag-line {
  font-family: "Open Sans", sans-serif; }

.navbar-nav {
  margin-left: auto !important;
  margin-right: auto !important; }

.navbar-light .navbar-nav .nav-link {
  color: #000;
  text-transform: uppercase; }

.dropdown-item.active, .dropdown-item:active {
  background-color: #f8f9fa;
  color: #000; }

.dropdown:hover > .dropdown-menu {
  display: block; }

.dropdown-menu {
  width: 510px;
  margin: 0rem 0 0 !important; }

.dropdown-menu li {
  width: 250px;
  float: left; }

#main-content {
  margin: 20px 0px 40px 0px; }

.page-heading {
  padding: 50px;
  margin-bottom: 40px !important;
  background-image: url(../images/h1-bg.jpg) !important;
  background-repeat: no-repeat;
  background-position: right;
  background-color: #cfb771;
  box-shadow: inset 0px 11px 8px -10px #000, inset 0px -11px 8px -10px #000; }

.product-list {
  border: 1px solid #000;
  padding: 10px;
  transition: all 0.3s ease-out;
  margin-bottom: 30px; }

.pro-list {
  position: absolute;
  bottom: 0px;
  width: 100%; }

.pro-list span {
  width: 30%;
  float: left; }

footer {
  background-color: #000;
  padding: 15px 0px; }
  footer p {
    color: #fff;
    font-size: 13px;
    text-align: center; }
    footer p a {
      color: #fff; }
    footer p a:hover {
      color: #fff; }

.item {
  position: relative;
  overflow: hidden; }

.img-over {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.img-over:hover {
  border: 1px solid #000;
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0.9;
  filter: alpha(opacity=80); }

.security {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  width: 100px;
  height: auto;
  padding: 8px;
  background-color: #000;
  text-align: center; }

#ser-btn {
  position: absolute;
  right: 0; }

#ser-frm {
  position: absolute;
  bottom: -50px;
  right: 0px;
  z-index: 100;
  padding: 10px;
  background-color: #fff;
  border: #ccc 1px solid; }

.sitemap h2 {
  float: left;
  width: 30%; }

.search-form {
  display: none; }

.btn-home {
  margin-top: 30px; }
  
#ser-frm{
    width: 35%;display:block;
  } 
  
  #ser-frm input
  {
    width: 75%;padding: 0.375rem 0.7rem;
  }  


/*------------------------- media query ------------------ */
@media (max-width: 320px) {
  .search-form {
    display: block;
    float: left;
    width:95%; }
  
  .search-form input {
    width: auto;
    display: inline-block;
    padding: 0.375rem 0.2rem;
    font-size: 0.7rem; }

  .navbar-toggler {
    position: absolute;
    right: 0px;
    top: -45px;
    background-color: #eee; }

  #main-content {
    margin: 0px 0px 20px 0px; }

  .dropdown-menu {
    width: 100%; }

  .dropdown-menu li {
    float: none; }

  .btn-home {
    margin-top: 0px; }

  .frm-mob {
    text-align: left; }

  .frm-mob .form-control {
    width: 70%; }

  .product-list {
    text-align: center;
    margin-bottom: 30px;
    position: static;
    padding: 0px 15px;
    width: 100%; }

  .sitemap h2 {
    float: left;
    width: 100%; }
    
    h1.float-left {
    width: 100%!important; }
 }
@media (min-width: 321px) and (max-width: 575px) {
  .search-form {
    display: block;
    float: left;width:92%; }
    .search-form input {
      width: auto;
      display: inline-block;padding: 0.375rem 0.2rem;
    font-size: 0.8rem; }

  .navbar-toggler {
    position: absolute;
    right: 0px;
    top: -45px;
    background-color: #eee; }

  #main-content {
    margin: 0px 0px 20px 0px; }

  .dropdown-menu {
    width: 100%; }

  .dropdown-menu li {
    float: none; }

  .btn-home {
    margin-top: 0px; }

  .frm-mob {
    text-align: left; }

  .frm-mob .form-control {
    width: 70%; }

  .product-list {
    text-align: center;
    margin-bottom: 30px;
    position: static;
    padding: 0px 15px;
    width: 100%; }

  .sitemap h2 {
    float: left;
    width: 100%; } }
@media (min-width: 576px) and (max-width: 767px) {
  .search-form {
    display: block;
    float: left;width: 70%; }
    .search-form input {
      /*width: auto;*/  width: 80%!important;
      display: inline-block; }
 
   
  .navbar-toggler {
    position: absolute;
    right: 0px;
    top: -45px;
    background-color: #eee; }

  #main-content {
    margin: 0px 0px 20px 0px; }

  .dropdown-menu {
    width: 100%; }

  .dropdown-menu li {
    float: none; }

  .btn-home {
    margin-top: 0px; }

  .product-list {
    text-align: center;
    margin-bottom: 30px;
    position: static;
    padding: 0px 15px;
    width: 100%; }

  .sitemap h2 {
    float: left;
    width: 50%; } }
  
@media (min-width: 320px) and (max-width: 767px) {
.navbar-collapse
  {
    position: absolute;
    z-index: 99;
    border: 1px solid rgb(204, 203, 203);
    top: 0px;
    background: rgba(243, 243, 243, 0.941176);
    width: 100%;
    right: 0px;
  }
  #ser-frm.form-inline {
    display: none!important;
  }
  iframe.submit_order_form
  {
   height:1700px;
  }
  @-moz-document url-prefix() {
     iframe.submit_order_form
     {
        height:1700px;
     }
  }
  h1.float-left
  {
   width:100%!important;
  }
  iframe
  {
    height:1150px;
  }
  .nav-item { 
     width: auto;
     margin-left: auto;
     margin-right: auto; }
}
}
@media (min-width: 768px) and (max-width: 1023px) { 
  .pro-list { 
    position: static; } 
  
  .pro-list span { 
    width: 50%; }
  
  .sitemap h2 { 
    float: left; 
    width: 50%; } 
  
  #ser-frm{ 
    width: 52%; } 
  
  #ser-frm input { 
    width: 82%; } 
  
  iframe { 
    height:560px; } 
  
  iframe .submit_order_form { 
    height: 1500px !important; } 
}
 
 @media (min-width: 981px) and (max-width: 1000px) {
  #ser-frm{
    width: 40%;
  } 
  
  #ser-frm input
  {
    width: 80%;
  } 
 }
 
    
@media (min-width: 1024px) and (max-width: 1080px) {
 
#ser-frm{
    width: 40%;
  } 
  
  #ser-frm input
  {
    width: 80%;
  } 
 iframe
  {
    height:600px;
  }
}




/*-------------------- table responsive ------------------*/

@media only screen and (max-width: 1023px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
  .sg-table-td {
    display: none !important;
  }
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

/*# sourceMappingURL=style.css.map */