/* Medium devices */

@media (min-width: 767px) and (max-width: 991.98px) {
	*{}

#onlineOrder #selectProduct .productOption {
    flex-basis: 30%;
    margin: 0 0.3em;
}

#onlineOrder .categoryOption {
    flex-basis: 35%;
    margin-bottom: 1em;
}


}
@media (min-width: 768px){
}

@media (min-width: 576px) and (max-width: 991.98px) {

	#footer {
		padding: 60px 0px 30px 0px;
	}

	.logImg img {
		width: 100%;
	}

	#footer .topFooter .customContainer {
		max-width: 100% !important;
	}

	.gadgetsItems .gadgetsWrapper .gadgetItem h4 {
		flex-wrap: wrap;
		justify-content: center;
	}

	.gadgetsItems .gadgetsWrapper .gadgetItem h4>small {
		text-align: center !important;
		padding-left: 0;
	}
}

@media (max-width: 996.98px) {

	#navbarResponsive {
		max-height: 0px;
		position: fixed;
		top: 93px;
		display: block!important;
		width: 50%;
		background-color: #00263E;
		color: #9f9f9f;
		text-align: center;
		/* left: 0px; */
		right: 0px;
		z-index: 100;
		opacity: 0;
		-webkit-transform: translateX(100%);
		    -ms-transform: translateX(100%);
		        transform: translateX(100%);
		pointer-events: none;
		-webkit-transition: opacity 0.2s, -webkit-transform 0.4s ease;
		transition: opacity 0.2s, -webkit-transform 0.4s ease;
		-o-transition: opacity 0.2s, transform 0.4s ease;
		transition: opacity 0.2s, transform 0.4s ease;
		transition: opacity 0.2s, transform 0.4s ease, -webkit-transform 0.4s ease;
	}
	.menuOpen #navbarResponsive {
		max-height: 100%;
		height: 100vh;
		opacity: 1;
		-webkit-transform: translateX(0);
		    -ms-transform: translateX(0);
		        transform: translateX(0);
		pointer-events: auto;
		display: block !important;
		border-top: 1px solid rgba(255, 255, 255, .5);
	}

	#navbarResponsive .navbar-collapse .nav-item {
		text-align: center;
		width: 50%;
		margin: 1em auto;
	}

	.navbar-nav .nav-item .nav-link {
		font-size: 1.1em;
		line-height: 1em;
		white-space: nowrap;
		font-weight: 700;
		padding: 1em 1.5em;
		color: #fff;
		position: relative;
		text-transform: uppercase;
	}
	.navbar-collapse .nav-item{
		text-align: center;
		width: 100%;
		margin: 0.3em auto;
		display: block;
	}
	#home.menuOpen #header, .menuOpen #header{
		max-height: 100%;
		height: 100%;
		position: fixed;
		top: 0;
	}
	#header .hiddenSection{
		-webkit-transform: translateX(1000%);
		    -ms-transform: translateX(1000%);
		        transform: translateX(1000%);
		position: fixed;
		top: 0;
		-webkit-transition: .5s;
		-o-transition: .5s;
		transition: .5s;
	}
	.menuOpen #header .hiddenSection{
		-webkit-transform: translateY(-6%) translateX(0%);
		    -ms-transform: translateY(-6%) translateX(0%);
		        transform: translateY(-6%) translateX(0%);
	}

	#home.menuOpen #header .hiddenSection, .menuOpen #header .hiddenSection{
		-webkit-transform: translateX(0%);
		    -ms-transform: translateX(0%);
		        transform: translateX(0%);
		display: block;
	}

  	  #header .hiddenSection .hamBurger{
  		right: 15px;
  		top: 35px;
  }
  #header .hiddenSection .menuItems {
    display: block;
    position: relative;
    top: 75px;
    margin-left: auto;
    margin-right: auto;
}
	#header .hiddenSection .menuItems li{
		display: block;
		width: 100%;
	}
	#header .hiddenSection .menuItems li a{
	 display: block;
	 text-align: center;
	 font-size: 2em;
	 /* border-bottom: 1px solid #ccc; */
	}

#header .hiddenSection .menuItems li:after {
    /* content: ''; */
    width: 70px;
    height: 8px;
    border-bottom: 5px dotted #eb3b24;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 1;
}

.nav-icons {
    padding-left: 15px !important;
  }

  #home a.navbar-brand {
	flex: 0 0 100px;  
  }

  #home .calNav .backSlide {
	left: 25%;
  }
  #home .calNav .nextSlide {
	right: 25%;
  }

	.fullBanner1 {
		background-position-x: 100% !important; 
	}
	.fullBanner2 {
		background-position-x: 80% !important; 
	}
	.fullBanner3 {
		background-position-x: 85% !important; 
	}

	.whatWeCover .wearableTech .productContent{
		width: auto;
		
	}

	.whatWeCover .wearableTech .productContent img{
		order: 1;
	}

	.gadgetItem .itemContent h5{
		font-size: 2em;
	}

	  .gadgetsItems .gadgetsWrapper{
    justify-content: flex-start;
  }


}