@media (min-width: 375px) {
  .screen-control {
    width: 100px;
    height: 100px;
  }
}

@media (min-width: 768px) {
  .screen-control {
    width: 150px;
    height: 150px;
  }
}

@font-face {
  font-family: Samble-Tracie-Bold;
  src: url(../font/Samble-Tracie-Bold.woff);
}


body {
  font-family: 'PT Sans', sans-serif;
  letter-spacing: .3px;
}


.title-font{
  font-family: Samble-Tracie-Bold;
  letter-spacing: .2rem;
  font-size: 2rem;
}



/* Header */

header {
  width: 100%;
}

.hover-setting {
  transition: all 0.4s;
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
  color: #fff;
  opacity: .5;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #fff;
  opacity: 1;
}

.dropdown-item:focus, .dropdown-item:hover{
  color: #16181b;
  background-color: #d4d4d4;
}

.wrapper {
  width: 100%;
  margin: auto;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}


/* Why us btn hover setting */
a.text-light:focus, a.text-light:hover {
  color: #ffffff!important;
  background-color: rgba(0, 123, 255, 0.767);
}

/* jumbotron bg */

.jumbotron{
  margin-bottom: 0;
  border-radius: 0;
  width: 100%;

}

.jumbotron-bg{
  background-position: center;
  background-size: cover;
}

.product-banner{
  background-image: url(../images/Product\ features.jpg);
}

.img-bg{
  background-image: url(../images/landingpage.jpg);
  min-height: 90%;
}

.title-container {
  padding-top: 300px;
}

/* hero-exotic */
.hero-exotic {
  background-color: #f9f9f9;
}

.hero-icons img {
  width: 120px;
}

/* hero-grid */
.grid-img {
  background-image: url(../images/Docorative\ paper-03.jpg);
  height: 555px;
  background-size: cover;
  background-repeat: no-repeat;
}

.grid-im-side-1 {
  background-image: url(../images/grid-item01.jpg);
}

.grid-im-side-2 {
  background-image: url(../images/grid-item02.jpg);
}

.grid-item-two{
  background-size: contain;
  background-repeat: no-repeat;
}

.grid-item--height2 {
  height: 285px;
}

/* hero-address */
.hero-address,
.color-dark {
  background-color: #232323;
}