.swiper-img{
  width: 100%;
  height: 99vh;
  /* object-fit: cover; */
}
.master-swiper{
  width: 100%;
  height: 99vh;
  overflow: hidden;
}
.swiper-button-prev{
  color: white !important;
}
.swiper-button-next{
  color: white !important;
}
.swiper-pagination{
  color: black !important;
}


#videoModalBox .modal-dialog {
    max-width: 1200px;
    margin: 30px auto;
}

#videoModalBox .modal-body {
    position:relative;
    top:30%;
    padding:0px;
    border: 2px solid #eee;
    }


#videoModalBox .close {
    position:absolute;
    right:-30px;
    top:0;
    z-index:999;
    font-size:2rem;
    font-weight: normal;
    color:#fff;
    opacity:1;
}





@media (max-width:480px) {
    #videoModalBox .close {
    position:absolute;
    right:0px;
    top:-30px;
    z-index:999;
    font-size:2rem;
    font-weight: normal;
    color:#fff;
    opacity:1;
    }
}    


@media (max-width: 575px) {
    .display-none-mobile{
        display:none !important;
    }
    .col-sm-6{
        display: flex;
        width: 50%;
    }
    h2.g-font-size-36{
        font-size: 20px !important;
    }
    .g-py-90{
      padding-top: 3.42857rem !important;
      padding-bottom: 1.42857rem !important;
    }
    .g-height-100vh{
      height: 50vh !important;
    }

    .product-box{
      margin-top:40px;
      margin-left:10px;
      margin-right: 10px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      justify-content:center;
      align-self: center;    
      grid-row-gap: 15px;
      grid-column-gap: 15px;  
    }

    .product-box .product-item{                
      -webkit-box-shadow: 0 0 3px #ddddddc7;
      box-shadow: 0 0 3px #ddddddc7;
      max-height:800px;
    }

    .product-box .product-item h3 a{
      font-size: 12px !important;
      font-weight: 400;
    }
    .g-font-size-8--xs {
      font-size:8px !important;
    }
    .g-font-size-10--xs{
      font-size:10px !important;
    }
    .g-mb-65{
      margin-bottom: 20px !important;
    }    
    .product-box .product-item .product-name{
        font-size: 14px;
        color: #000;
        margin-top: 10px;
        margin-left:5px;
    }
    .product-box .product-item .product-params{
        font-size: 8px;
        margin-top: 5px;
        margin-left:5px;
    }
    .product-box .product-item a{
        text-decoration: none !important; 
    }
    .p-pt-5--xs{
        padding-top:7px !important;
    }

}
@media (min-width: 576px){
    .display-none-pc{
        display: none !important;
    }

    .product-box{
      margin: 10px auto;
      max-width: 1600px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      justify-content:center;
      align-self: center;    
      grid-row-gap: 50px;
      grid-column-gap: 50px;  
    }

    .product-box .product-item{                  
      max-height:800px;
    }

    .product-box .product-item h3 a{
      font-size: 24px !important;
      font-weight: 400;
    }

    .product-box .product-item .product-name{
        font-size: 16px;
        color: #000;
    }
    .product-box .product-item .product-params{
        font-size: 12px;        
    }
    .product-box .product-item a{
        text-decoration: none !important; 
    }
}

.navbar-nav .nav-item .nav-link:hover,
.navbar-nav .nav-item.active .nav-link {
    color: #000000 !important;
}


.nav-item a{
    font-size:15px !important;
}
.u-btn-teal{
    color: #000000;
 
    background-color: #ffffff !important;
}
.u-btn-teal:hover{
    border: 1px solid #000000;
    background-color: #000000 !important;
}

.grid-container{
  margin-top:20px;
  margin-left:10px;
  margin-right: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content:center;
  align-self: center;    
  grid-row-gap: 10px;
  grid-column-gap: 10px;      
}
.grid-container .grid-item{                
  -webkit-box-shadow: 0 0 3px rgba(221, 221, 221, 0.78);
  -moz-box-shadow: 0 0 3px rgba(221, 221, 221, 0.78);
	-o-box-shadow: 0 0 3px rgba(221, 221, 221, 0.78);
  box-shadow: 0 0 3px rgba(221, 221, 221, 0.78);
  height:80px;
}
.link-area{
  text-align: center;
}
.link-area p{
  margin-top:3px;
  margin-bottom: 5px;
  font-size: 22px;
  color: #000000b5;
}
.link-area a{
  font-size:12px !important;
  text-decoration: none !important;
  color: #000000b5;
}    
.g-height-60vh{
  height: 70vh;
}

.product-g3-image{
    width: 100%;
}

.product-g3-image img{
    max-width: 100%;
}