/*<div class="displayTest">
YELLOW = Default (Resposive not detected)
RED = Large Screen desktops and laptops: RED<br>
GREEN = Landscape tablets and medium desktops (iPad mini Landscape & Kindle Fire landscape)<br>
BLUE = Portrait tablets and small desktops (iPad portrait)<br>
ORANGE = Landscape phones and portrait tablets: (iPhone landscape / Kindle Fire Portrait)<br>
GRAY = Portrait phones and smaller devices (iPhone Portrait)<br>
</div>*/

/* --------------------------------------------------
RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 992px) and (max-width: 1399px) {
	
	.featProduct-carousel .customNavigation .p, .featProduct-carousel .customNavigation .n {
		width: 40px;
		height: 40px;
		background-size: cover;
	}
	.featProduct-carousel .customNavigation .p {
		left: 5px;
	}
	.featProduct-carousel .customNavigation .n {
		right: 5px;
	}
	
	.prodDetail {
		padding: 0 3em;
	}
	
	.gridview .btn-angle span {
		text-transform: none;
		transform: none;
	}
	.gridview .btn-angle {
		padding: 8px 16px;
		transform: none;
		margin-left: auto;
	}
	
}

@media (min-width: 1200px) and (max-width: 1399px) {

	/*.marquee-container {
		width: 70%;
	}*/
	
	.homeCarousel .content {
		margin: 1em 1em 1em 2em;
		padding: 0px;
		left: auto;
		max-width: 75%;
	}
	
}

@media (min-width: 992px) {
	.searchArea {
		position: absolute;
		right: 15px;
		top: 115px;
		padding: 0;
		width: 500px;
	}
	
}

@media (max-width: 991px) {
	.navbar-brand {
		padding: .5em 0;
	}
	.logo-wrap {
		display: none;
	}
	.search-item {
		display: none;
	}
	.pageHeader {
		background-position: left top;
		height: auto;
		min-height: 200px;
	}
	
	.sectionTitle {
		margin-top: 90px;
	}
	
	.prodinfoGrid {
		height: auto;
	}
	.prodinfoGrid .item {
		border-right: 1px solid #32bcd2;
		border-left: 1px solid #32bcd2;
		padding: 15px 10px;
	}
	
	.prodinfoGrid .item {
		padding: 15px 10px;
	}
	.prodinfoGrid .item:first-child {
		border-right: none;
	}
	.prodinfoGrid .item .lgTxt {
		letter-spacing: normal;
	}
	
	.category-slide-image {
		height: 175px;
	}
	.category-slide .owl-carousel .next-slide,
	.category-slide .owl-carousel .prev-slide {
		margin-top: -55px;
	}
	.accessories-slide-image {
		height: 200px;
	}
	.category-slide .owl-carousel .prev-slide,
	.accessories-slide .owl-carousel .prev-slide {
		left: 0;	
	}
	.category-slide .owl-carousel .next-slide,
	.accessories-slide .owl-carousel .next-slide {
		right: 0;
	}
	
	.footer-frame .logo-bar {
		display: block;
	}
	.footer-frame .logo-bar .item {
		width: 100% !important;
	}
	
	.contact-list {
		margin: 25px 0px 15px 0px;
	}
	
	.prodDetail .detail {
		padding: 15px 0 0 0;
	}
	
	.customSteps-header {
		flex-direction: column;
	}
	.customSteps-header .links {
		margin: 0 0 25px 0;
	}
	
	.customSteps .inner-wrapper {
		flex-direction: column-reverse;
	}
	.customSteps .image {
		margin: 0 0 15px 0;
	}
	
	.customSteps .image > img {
		width: 100%;
		height: auto;
	}
	
	
}

/* Large screen desktops and laptops */
@media (min-width: 1200px) {
	/*.displayTest {
		background-color:red;
		padding:20px;
		color:black
	}*/

}

/* Large screen desktops and laptops */
@media (min-width: 992px) {
	/*.displayTest {
		background-color:red;
		padding:20px;
		color:black
	}*/
	
	.siteNav .dropdown:hover > .dropdown-menu {
		display: block;
	}
	.siteNav .dropdown > .dropdown-toggle:active {
		/*Without this, clicking will make it sticky*/
		pointer-events: none;
	}

}

@media (max-width: 1199px) {
	.homeCarousel .content {
		padding: 0;
	}
	.marquee-wrapper .bg-image-r {
		display: none;
	}
}

/* Landscape tablets and medium desktops (iPad mini Landscape & Kindle Fire landscape) */
@media (min-width: 992px) and (max-width: 1199px) {
	/*.displayTest {
		background-color:green;
		padding:20px;
		color:black
	}*/
	
	/*.marquee-container {
		width: 90%;
	}*/
	
	.homeCarousel .content {
		margin: 1em 1em 1em 2em;
		padding: 0px;
		left: auto;
		max-width: 75%;
	}
	
	.siteNav .navbar-nav .nav-link {
		font-size: 14px;
		letter-spacing: normal;
		padding: 14px .20rem;
	}
	
	.searchImage::before {
		background-size: 50%;
	}

}


/* Portrait tablets and small desktops (iPad portrait) */
@media (min-width: 768px) and (max-width: 991px) {
	/*.displayTest {
		background-color:blue;
		padding:20px;
		color:black
	}*/
	
	.navbar-brand.fluid {
		padding-top: 80px;
	}
	.navbar-brand.fluid img {
		height: 50px;	
	}
	
	.marquee-wrapper::after {
		height: 60px;
	}
	
	.marquee-container {
		width: 40vw;
	}
	
	.marqueeimage-container {
		width: 60vw;
	}
	
	.homeCarousel .item {
		height: 650px;
	}
	
	.homeCarousel .content {
		margin: 1em 1em 1em 1em;
		padding: 0px;
		left: auto;
		top: 200px;
		/*max-width: 50%;*/
	}
	.homeCarousel .content .title {
		font-size: 24px;
	}
	
	.homeCarousel .owl-dots {
		bottom: 3em;
	}
	
	.fancy-title {
		font-size: 28px;
	}
	
	.searchImage::before {
		background-size: 50%;
	}
	
	.prodList .item .image img {
		max-width: 75%;
	}

}

/* Landscape phones and portrait tablets: (iPhone landscape / Kindle Fire Portrait) */
@media (max-width: 767px) {
	/*.displayTest {
		background-color:orange;
		padding:20px;
		color:black
	}*/
	
	.customSteps .wrapper {
		display: flex;
		flex-direction: column;
	}
	
	.navbar-brand.fluid {
		padding-top: 80px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.navbar-brand.fluid img {
		height: 50px;	
	}
	
	.marquee-container {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fafdfe+0,d3e9f4+100&1+0,0.75+100 */
		background: -moz-linear-gradient(left,  rgba(250,253,254,1) 0%, rgba(211,233,244,0.75) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  rgba(250,253,254,1) 0%,rgba(211,233,244,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  rgba(250,253,254,1) 0%,rgba(211,233,244,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafdfe', endColorstr='#bfd3e9f4',GradientType=1 ); /* IE6-9 */

		width: 100%;
	}
	.marqueeimage-container::before {
		display: none;	
	}
	
	.marquee-wrapper .bg-image-l {
		display: none;
		position: relative;
		width: auto;
		height: 100%;
	}
	.marquee-wrapper .bg-image-r {
		display: none;
	}
	.marquee-wrapper::after {
		display: none;	
	}
	.marqueeimage-container {
		width: 100%;
		height: 100%;
	}
	
	.homeCarousel .item {
		height: 550px;
	}
	.homeCarousel .content {
		/*margin: 1em 1em 1em 2em;*/
		padding: 1em;
		left: auto;
		/*max-width: 70%;*/
		top: 180px;
	}
	.homeCarousel .content .title {
		font-size: 24px;
	}
	
	.homeCarousel .owl-dots {
		bottom: 1em;
	}
	
	.searchImage::before {
		display: none;
	}
	
	.fancy-title {
		font-size: 26px;
	}
	
	.catalog {
		padding: 3em 0;
	}
	
	.category {
		padding: 2em 0;
	}
		
	.prodList .item h3, .prodList .item h3 a {
		font-size: 17px;
	}
	.prodList .item .image img {
		max-width: 50%;
	}
	
	.prodDetail .detail h1,
	.prodDetail .detail h3,
	.prodDetail .detail h3 a{
		font-size: 26px;
	}
	
	.item.list-group-item .image {
		float: none;
		max-width: none;
	}
	
	.btn-angle {
		font-size: 14px;
	}
	
	.category-slide-image {
		height: 200px;
	}
	
	.contact-panel {
		background-image: none;
		padding: 7em 0 5em 0;
	}
	.contact-panel::before {
		height: 75px;
	}
	
	.divider-vert::after {
		display: none;
	}
	
	.copyright {
		padding: 15px;
	}
	
	.footer-contact-panel {
		padding: 0px 15px;
	}
	
	footer::before {
		height: 50px;
		top: -50px;
	}
	
	.pagination {
		display: block;
	}
	.pagination li {
		float: left;
		margin-bottom: 10px;
	}
	
	.section-sort {
		display: none;
	}

	.item-wrapper {
		min-height: 300px;
		height: auto;
		padding-bottom: 75px;
	}
	
	.listings .list .wrapper {
		flex-direction: column;
	}
	.listings .btn-angle.style1 {
		margin-left: 11px;
		margin-top: 5px;
	}

}

/* Portrait phones and smaller devices (iPhone Portrait) */
@media (max-width: 480px) {
	/*.displayTest {
		background-color:gray;
		padding:20px;
		color:black
	}*/	
	
	.homeCarousel .content {
		max-width: 90%;
	}
	
	.category-slide .owl-carousel .next-slide,
	.category-slide .owl-carousel .prev-slide {
		margin-top: -25px;
	}
	.category-slide .owl-carousel .nav-btn {
		background-size: 100%;
		width: 45px;
		height: 45px;
	}
	.category-slide .tab {
		font-size: 14px;
		padding: 10px 10px 0px 10px;
		right: 50px;
	}
	
	.viewer .modal-header {
		background-size: 50%;
	}
	.viewer button.close span {
		display: none;
	}
	.modal-header .close {
		padding: .5rem .75rem;
	}
	
}

/***** Cart Filter Styles ****/
@media (min-width: 992px) {
  .collapse.dont-collapse-sm {
	display: block;
	height: auto !important;
	visibility: visible;
  	}
	
	.btn-filter {
		display: none;
	}
}

@media (max-width: 991px) {

	#collapseExample .well {
		padding: 15px;
		border: 1px solid #ccc;
	}

	.filterPanel {
		margin-bottom: 15px;
	}

}
/* -------------------------------------------------- */