/* PROJECTS : VANA FINE JEWELLERY  	*/
/*   CREATOR : LULU KWA http://lulukwa.com/	   */
/*   DATE : 20200504	  */

@media screen and (max-height: 630px) {
	
}


@media (min-width: 1200px){

	
}

@media (max-width: 1200px){
	
	main { margin-top: 99px; }
	
	/* HEADER */
	header .navbar .navbar-brand img {width: 75%;}
	header .navbar .nav-item { margin-left: -15px; margin-right: -15px; }
	header .navbar .nav-item a.nav-link:hover { color: #FFFFFF; background: #FEB729; }
	
	/* SLIDER MAIN BANNER */
	.MainBanner .BannerWrap .container { min-height: 600px; }
	
	/*OUR STORY SEC*/
	.img-layer-container { position: relative; top: 0; left: 0; padding: 0 1rem; }
	.img-layer-container .img-ourstory { position: relative; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; display: block; width: 80%; }
	.img-layer-container .img-rectangle { position: absolute; top: 20px; left: 0; right: 30px; margin-left: auto; text-align: center; display: block; width: 70% }
	
}

@media (max-width: 1051px) {
	
	/*INSTAGRAM SEC*/
	.JuicerWrap .juicer-feed { overflow-y: auto; overflow-x: hidden;  }
	.JuicerWrap .juicer-feed.slider .slick-prev { left: 20px; }
	.JuicerWrap .juicer-feed.slider .slick-next { right: 20px; }
	
}

@media (max-width: 992px) {	
	
	/* SLIDER MAIN BANNER */
	.MainBanner .BannerWrap .container {  }
	
	/*MODAL*/
	.modal .modal-dialog { margin-top: 60px; }
	.modal .modal-body .container { padding-left: 0; padding-right: 0; }
	.modal .modal-content .ModalImgBox { height: 450px; margin-left: 0; }
	
}



@media (max-width: 768px) {	
	
	/* SLIDER MAIN BANNER */
	.MainBanner .BannerWrap .container { min-height: 500px; }
	.MainBanner .BannerWrap h1 { font-size: 28px; }
	.MainBanner .BannerWrap p { font-size: 14px; }
	
	/*COLLECTIONS*/
	.CollectionsListing { height: auto; }
	.CollectionsListing ul {  display: block;  }
	.CollectionsListing ul li { display: block;  width: 100%; height: 350px;  }

	.CollectionsListing ul li .Item { display: block; overflow: hidden; width: 100%; }
	.CollectionsListing ul li .Item a { display: block; height: 350px; width: 100%;  }
	.CollectionsListing ul li .TitleBox { display: none; }

	.CollectionsListing ul:hover li { width: 100%; }
	.CollectionsListing ul:hover li:hover { width: 100%; }
	
	/* SUB PAGES */
	.PageCover { padding: 2rem 0; }
	
	/*PATTERN BACKGROUND PARALLAX*/
	.OurStoryWrap .img-bgtop { display: none; }
	.OurStoryWrap .img-bgbottom { display: none; }
	.InstagramWrap .img-bginsta { display: none; }
	.WhyUsWrap .img-bgwhyus { display: none; }
	
}

@media (max-width: 500px) {	
	
	/* SLIDER MAIN BANNER */
	.MainBanner.slick-slider .slick-slide .BannerWrap .BannerImg { transform: scale(1); -webkit-transition: none; }
	
	/*OUR STORY SEC*/	
	.img-layer-container .img-ourstory { width: 80%; }
	.img-layer-container .img-rectangle { width: 70% }
	
	/*COLLECTIONS*/
	.CollectionsListing ul li { height: 200px; }
	.CollectionsListing ul li .Item a { height: 200px; }
	
	/*TESTIMONAILS SEC*/
	.TestimonialsWrap { background-attachment: inherit; }
	
	/*CONTACT US SEC*/
	.ContactUsWrap { background-attachment: inherit; }
	
	/*MODAL*/
	.modal .modal-content .ModalImgBox { height: 350px; margin-left: 0; }
	
	
}

@media (max-width: 320px) {	
	
	main { margin-top: 81px; }
	
	/* HEADER */
	header .navbar .navbar-brand { width: 70%; }
	
}