@media only screen and (max-width: 1290px) {
  .header-search-outer{
  	width: 400px;
  	transition: .3s;
  }
  .new-apparel .left{
  	width: 30%;
  }
  .new-apparel .right{
  	width: 70%;
  }
  .footer-wrap{
  	margin: 0 5%;
  }
	.new-arrival-listing .newarrival-main-slide h3{
		font-size: 20px;
	}
}
@media only screen and (max-width: 1280px) {
	.productlisting-wrapper .left{
		padding-right: 40px;
	}
	.new-apparel {
		height: auto;
	}
	.size-selection-wrap{
		flex-direction: column;
	}
	.size-selection-wrap .size-modal button:first-child {
	    padding-left: 0px;
	    margin-top: 1rem;
	}

}
@media only screen and (max-width: 1220px) {
  	.productpage-listing ul li{
  		max-width: 47%;
  	}
}
@media only screen and (max-width: 1157px) {
	.header-search-outer{
	  	width: 100%;
  	}
  	.contact-tab-section{
  		margin-bottom: 50PX;
  	}
}
@media only screen and (max-width: 1024px) {
	.new-apparel .right{
		padding: 0px;
	}
	.product-carousel .carousel-inner{
		margin-left: 120px;
	}
	.product-carousel .carousel-indicators li{
		width: 100px;
		height: 100px;
	}
	.product-carousel .carousel-indicators li img{
		width: 60%;
	}
	.product-carousel .carousel-inner .carousel-item img{
		width: 80%;
	}
	.size-selection-wrap{
		flex-direction: column;
	}
	.size-selection-wrap .size-modal button:first-child{
		padding-left: 0px;
		margin-top: 1rem;
	}
	.sub-banner>img{
		max-width: initial;
	}
}
@media only screen and (max-width: 991px) {
	.payment-tabs{
		max-width: 100%;
	}
	.action-appareal h1{
		font-size: 50px;
	}
	.noUi-horizontal{
		z-index: 0;
	}
	.filter {
	   /* margin: inherit;
	    position: absolute;
	    top: -60px;
	    left: 335px;*/
	}
	.productlisting-wrapper .right .order-sorting-section{
		margin-top: 0px;
	}
	.m-w-100{
		width: 100%;
	}
	.productlisting-wrapper .left .m-w-100{
		padding: 0 20px;
	}
	.productlisting-wrapper .left{
		padding-right: 0px;
		max-width: 100%;
		width: 100%;
	}
	.productlisting-wrapper .left #size-selection, .productlisting-wrapper .left #size-selection .btn{
		display: inline-block;
	}
	.productlisting-wrapper .left #size-selection .btn{
		margin-bottom: 10px;
	}
	.productlisting-wrapper .right{
		width: 100%;
	}
	.orderhistory-wrap .table tbody td:nth-child(3){
		min-width: 230px;
	}
	.orderhistory-wrap .container{
		max-width: initial !important;
	}
	.tab-section ul li a{
		width: 100%;
	}
	.photo-heading{
		flex-direction: column;
	}
	.photo-heading img{
		position: initial;
	}
	.m-hide{
		display: none !important;
	}
	.w-hide{
		display: block !important;
	}
	.flexpanel{
		display: block !important;
	}
	.nav li{
		display: inherit;
	}
	.banner-hover{
		top: 125px;
	}
	.banner-hover img{
		display: none;
	}
	.banner{
		margin-top: 80px;
		transition: .3s;
	}
	.new-apparel .left{
		width: 100%;
	}
	.new-apparel h2{
		max-width: 100%;
	}
	.new-apparel{
		height: auto;
		padding-top: 20px;
	}
	.new-apparel .right{
		width: 100%;
		padding: 20px 0px;
	}
	.jointeam-posts {
	    grid-template-columns: 1fr 1fr 1fr;
	    transition: .3s;
	}
	.photo-heading{
		width: auto;
	}
	.contact-tab-section ul li a{
		width: auto;
	}	
}
@media only screen and (max-width: 768px) {
	.contact-tab-section{
		display: none;
	}
	.mobile-accordian{
		display: block;
	}
	.mobile-accordian .field-contact{
		margin-bottom: 0px;
		padding: 10px 0px;
	}
	.mobile-accordian .field-contact input, .mobile-accordian .field-contact textarea{
		border: 1px solid #c7c7c780;
		padding: 5px;
	}
	.mobile-order-tab .nav-pills .nav-link{
		width: 25%;
	    height: 58px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    text-align: center;
	}
}
@media only screen and (max-width: 767px) {
	.action-appareal h1{
		font-size: 40px;
	}
	.new-apparel h1{
		font-size: 40px;
	}
	.pt-6{
		padding-top: 4rem!important;
	}
	h1{
		font-size: 40px;
	}
	h2{
		font-size: 30px;
	}
	.banner{
		margin-top: 124px;
		transition: .3s;
	}
	.jointeam-head{
		flex-direction: column;
		height: auto;
		width: auto;
	}
	.jointeam-head img{
		position: initial;
	}
	.py-6{
		padding-bottom: 4rem!important;
		padding-top: 4rem!important;
	}
	.product-carousel{
		margin-bottom: 2rem;
	}
	.popover {
	    margin: auto;
	    left: 0 !important;
	    right: 0;
	}	
}
@media only screen and (max-width: 650px) {
	.filter {
		position: initial;
	}
	.photo-heading{
		padding: 20px 0;
	}
}
@media only screen and (max-width: 576px) {
	
	.productpage-listing ul li{
		max-width: 98%;
	}
	.mobile-order-tab .nav-pills .nav-link h4{
		font-size: 15px;
	}
	.footer-mobile{
		/*display: none;*/
		margin-right: 10px;
	}
	.product-carousel .carousel-indicators li {
	    width: 60px;
	    height: 60px;
	}
	.product-carousel .carousel-inner {
	    margin-left: 70px;
	}
	.py-xs-2{
		padding: 1rem 0px;
	}
	.py-6{
		padding-bottom: 3rem!important;
		padding-top: 3rem!important;
	}
	.px-6{
		padding-left: 1rem!important;
    	padding-right: 1rem!important;
	}
	.receipt-footer ul{
		flex-direction: column;
	}
	.receipt-footer ul li{
		margin-bottom: 10px;
		border: none;
	}
	.nav{
		height: auto;
	}
	.nav li{
		width: 100%;
	}
	.banner .carousel-item img{
		height: 270px;
	}
}
@media only screen and (max-width: 575px) {
	.banner, .subbanner-wrapper, .product-details, .orderhistory-wrap{
    	margin-top: 190px;
    	transition: .3s;
	}
	.payment-nav li{
		width: auto;
	}
}
@media only screen and (max-width: 545px) {
	.new-apparel:before{
		display: none;
	}
	.action-appareal {
	    padding: 3rem 0;
	}
	.jointeam-posts {
	    grid-template-columns: 1fr 1fr;
	    transition: .3s;
	}	
}