#masterGrid {
  align-content: center;
  text-align: center;
}
/*--MODAL CHANGES--*/

.carousel-control-prev{
    z-index:15;
}
.carousel-control-next{
    z-index:15;
}

.carousel-control-prev-icon {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='6' height='6' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")!important;
	margin-right: -12px;
}
 
.carousel-control-next-icon {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' width='6' height='6' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")!important;
	margin-left: -12px;
}

@media (min-width: 360px){
    .carousel-control-next-icon {
    width: 20px;
    height: 20px;
    margin-right: -12px;
    }
    .carousel-control-prev-icon {
    width: 20px;
    height: 20px;
    margin-left: -12px;
    }  
}
@media (min-width: 414px){
    .carousel-control-next-icon {
    width: 30px;
    height: 30px;
    margin-right: -33px;
    }
    .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
    margin-left: -33px;
    }  
}
@media (min-width: 576px){
    .carousel-control-next-icon {
    width: 30px;
    height: 30px;
    margin-right: -40px;
    }
    .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
    margin-left: -40px;
    }  
}
@media (min-width: 768px){
    .carousel-control-next-icon {
    width: 30px;
    height: 30px;
    margin-right: -40px;
    }
    .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
    margin-left: -40px;
    } 
}
@media (min-width: 992px){
    .carousel-control-next-icon {
    width: 30px;
    height: 30px;
    margin-right: -60px;
    }
    .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
    margin-left: -60px;
    }  
}
@media (min-width: 1200px){
    .carousel-control-next-icon {
    width: 30px;
    height: 30px;
    margin-right: -60px;
    }
    .carousel-control-prev-icon {
    width: 30px;
    height: 30px;
    margin-left: -60px;
    }  
}

/*----------DROP MENU------------*/

#dropSection {
  align-content: center;
    text-align: center;
    margin-bottom: 50px;
}

.dropBtn {
  font-family: 'Montserrat';  
  border: none;
  color: white;
  font-size: 24px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  border-radius: 10px;
}

.btn-primary{ 
 background-color: #ec008c !important;
 border: none !important;
 font-weight: 700 !important;    
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { 
 background-color: #bd0472 !important;
 border: none !important;      
}


/*--------------------------------------*/

.close{
float:right;
font-size:2.5rem;
font-weight:900;
z-index:16;    
}

.carousel-caption{
top: 0px !important;
left: 0px !important;
right: 0px !important;    
padding-top: 0px !important;
padding-bottom: 0px !important;
}


.modal-dialog {
	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	overflow: auto;
	padding-left: 10px;
	max-width: 340px !important
		
}

@media (min-width: 414px){
    .modal-dialog {
		padding-left: 10px;
        max-width: 390px !important
    }
}
@media (min-width: 576px){
    .modal-dialog {
		padding-left: 0px;
        max-width: 560px !important;  
    }
}
@media (min-width: 768px){
    .modal-dialog {
        max-width: 700px !important;  
    }
}
@media (min-width: 992px){
    .modal-dialog {
        max-width: 700px !important;
    }
}

.modal-header {
    padding-top: 0px !important;
    border-bottom: 0 none;	
}
.modal-footer {
    border-top: 0 none;
}

.carousel-indicators li{
    display:none;
}

/*TEXT--*/
.slide-text {
  text-align: top;    
  margin-top: 170px;    
}

@media (min-width: 360px) {
    .slide-text {
    margin-top: 195px; 
  }
}
@media (min-width: 414px) {
    .slide-text {
    margin-top: 230px;    
  }
}
@media (min-width: 576px) {
  .slide-text {
    margin-top: 315px;  
  }
}
@media (min-width: 768px) {
  .slide-text {
    margin-top: 415px;    
  }
}
@media (min-width: 992px) {
  .slide-text {
    margin-top: 415px;     
  }
}
@media (min-width: 1200px) {
  .slide-text {
    margin-top: 415px;    
  }
}

h3 {
	font-family: 'Montserrat';
	font-size: 22px;
	font-weight: 900;
	letter-spacing: 1px;
	line-height: .9;
    margin-top: 10px;
	margin-left: 10px; 
	color: #FFF;
	text-align: left !important;
}


@media (min-width: 360px){
	
h3 {
	font-size: 28px;
	line-height: .9;
    margin-top: 10px;
	margin-left: 15px;  
}    
}

@media (min-width: 414px){
	
h3 {
	font-size: 30px;
	line-height: .9;
    margin-top: 10px;
	margin-left: 15px;      
}    
}

@media (min-width: 576px){
h3 {
	font-size: 38px;
	line-height: .8;
    margin-top: 15px;
	margin-left: 30px;    
}    
}

@media (min-width: 768px){
h3 {
	font-size: 42px;
	line-height: .8;
    margin-top: 15px;
	margin-left: 30px;
}    
}

@media (min-width: 992px){
h3 {
	font-size: 48px;
	line-height: .85;
	margin-top: 0px;
	margin-left: 30px;	    
}    
}


.thumbTitle {
font-family: 'Montserrat';
	font-size: 15px;
	font-weight: 600;
    line-height: 1.1;
	color: #000;
	padding-top: 120px;
	padding-bottom: 10px;
	text-align: center !important;	
}

@media (min-width: 414px){
	.thumbTitle {
	font-size: 15px;	
	padding-top: 130px;
		
}
}

@media (min-width: 576px){
	.thumbTitle {
	font-size: 15px;	
	padding-top: 130px;
		
}
}

@media (min-width: 768px){
	.thumbTitle {
	font-size: 18px;
	padding-top: 130px;
	padding-bottom: 1px	
}
}

@media (min-width: 992px){
	.thumbTitle {
	padding-top: 125px;
}
}

@media (min-width: 1200px){
	.thumbTitle {
	padding-top: 135px;
}
}

.thumbIMG {
  height: 100px;
  margin: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;    
}

@media (min-width: 576px) {
  .thumbIMG {
    height: 100px;
    margin: 10px;
  }
}

@media (min-width: 768px) {
  .thumbIMG {
    height: 150px;
    margin: 15px;
  }
}

.zzcT001 {
  background-image: url(../../assets/img/gallery/hamster/thumbs/zzcT001.jpg);
}
.zzcT002 {
  background-image: url(../../assets/img/gallery/hamster/thumbs/zzcT002.jpg);
}
.zzcT003 {
  background-image: url(../../assets/img/gallery/hamster/thumbs/zzcT003.jpg);
}
.zzcT004 {
  background-image: url(../../assets/img/gallery/hamster/thumbs/zzcT004.jpg);
}
.zzcT005 {
  background-image: url(../../assets/img/gallery/hamster/thumbs/zzcT005.jpg);
}
.zzcT006 {
  background-image: url(../../assets/img/gallery/hamster/thumbs/zzcT006.jpg);
}
.zzcT000 {
  background-image: url(../../assets/img/gallery/hamster/thumbs/zzcT000.jpg);
}
.zzcT008 {
  background-image: url(../../assets/img/gallery/hamster/thumbs/zzcT008.jpg);
}

/*GALLERY HEROES--*/
.heroIMG {
  height: 220px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 15px;
}

@media (min-width: 360px) {
  .heroIMG {
    height: 240px;
  }
}

@media (min-width: 414px) {
  .heroIMG {
    height: 280px;
  }
}

@media (min-width: 576px) {
  .heroIMG {
    height: 380px;
  }
}

@media (min-width: 768px) {
  .heroIMG {
    height: 480px;
	margin-bottom: 25px;
  }
}

@media (min-width: 992px) {
  .heroIMG {
    height: 480px;
  }
}


.zzc000 {
  background-image: url(../../assets/img/gallery/hamster/ZZC_000.png);
}
.zzc001 {
  background-image: url(../../assets/img/gallery/hamster/ZZC_001.png);
}
.zzc002 {
  background-image: url(../../assets/img/gallery/hamster/ZZC_002.png);
}
.zzc003 {
  background-image: url(../../assets/img/gallery/hamster/ZZC_003.png);
}
.zzc004 {
  background-image: url(../../assets/img/gallery/hamster/ZZC_004.png);
}
.zzc005 {
  background-image: url(../../assets/img/gallery/hamster/ZZC_005.png);
}
.zzc006 {
  background-image: url(../../assets/img/gallery/hamster/ZZC_006.png);
}
.zzc008 {
  background-image: url(../../assets/img/gallery/hamster/ZZC_008.png);
}