//Modal Style 

.modal-dialog {
    margin: 0% auto;
    max-width: 960px;
    width: 960px;
    padding: 35px;
	.product-details-content{ 
		p{
			&.quickview-para{
				font-size:14px;
				color:#1d1d1d;
				line-height:24px;
				margin:0px 0px 20px;
				font-weight:400;
			}
		}
	}

		@media #{$tablet-device}{
		    max-width: 720px;
		    width: 720px;
		}
		@media #{$large-mobile}{
		    width: 98%;
		    max-width: 100%;
		    padding: 35px 0;
		    margin: auto 2%;
		}

   .swiper-container {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

    .swiper-slide {
      background-size: cover;
      background-position: center;
    }

    .gallery-top {
      height: 80%;
      width: 100%;
      @media #{$tablet-device}{
	      height:50%;
	      }
    }

    .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
	      .swiper-slide {
	      width: 25%;
	      height: 100%;
	      & img{
	      	@media #{$large-mobile}{
		      	width:90px;
		      	height:90px;
		      	&:hover{
		      		border:1px solid$theme-color;
		      	}
	      	}
	      	@media #{$small-mobile}{
		      	width:50px;
		      	height:50px;
	      	}
	      }
	    }
	    .swiper-slide-thumb-active {
		      	& img {
		      		border:1px solid$theme-color;
		      	}
		    }
      @media #{$tablet-device}{
	      height:14%;
	      }
      @media #{$large-mobile}{
	      	height:auto;
	      }
    }


}

.modal.fade {
display: block !important;
opacity: 0;
visibility: hidden;
}

.modal.fade.show {
display: block !important;
opacity: 1;
visibility: visible;
}
