
@media(min-width: 992px) and (max-width: 1199px){
	.footer-copyright .col-lg-5 {
	    padding-left: 0;
	}
	#btn-back-to-top {
        bottom: 55px !important;
    }
    #header .header-nav-main nav > ul > li > a {
       padding: 10px 7px !important;
    }
}


@media screen and (max-width: 991px){
	.sticky-header-active #header .header-search .btn-light {
       top: 20px;
	   
    }
	.sticky-header-active .header-logo {
       margin: 0 !important;
    }
	nav .close {
		display: block;
	}
	#header .header-nav-main nav.show {
     left: 0;
    }
    #header .header-nav {
      padding: 0 10px 0 0;
    }
    .nav.nav-pills {
		width: 100%;
	}
	#footer .logo, .footer-copyright .row {
      text-align: center;
    }
    #footer .footer-copyright nav{
    	float: none;
    }
    .category_page > .row {
       flex-direction: column-reverse;
    }
		.product_search > .row {
    flex-direction: row !important;
}
    .category_page .nav {
       margin-bottom: 20px !important;
    }
}



@media(min-width: 768px) and (max-width: 991px){
	.header-nav .header-row {
		position: relative;
		left: 0;
		top: 0;
	}
	#header .header-btn-collapse-nav i.fa.fa-times {
		display: none;
	}
	#header .header-btn-collapse-nav {
		margin: 0 16px;
	}
	#header .header-search .btn-light {
		right: -3px;
		top: 22px;
	}
	nav.header-nav-top ul.nav.nav-pills li {
		display: block!important;
	}
	nav.header-nav-top ul.nav.nav-pills li a {
		padding: 6px 6px!important;
	}
	#header .header-nav-main:before {
		display: none;
	}
	#header .header-nav-main {
		position: unset;
		background: #ffffff00;
		width: 80%;
		top: 0;
		bottom: 0;
		left: 46%;
		z-index: 999;
		-webkit-transform: none;
		transform: unset;
	}
	.collapsing {
		left: -75%;
		transition: height 0s ease;
	}
	
	#header .header-btn-collapse-nav.collapsed {
		transition: left 500ms ease-in-out;
	}
	#header .header-nav-main nav {
		transition: left 300ms ease-in-out;
		background: #fff;
		position: fixed;
		top: 0;
		bottom: 0;
		width: 400px;
		height: 100%;
		max-height: 100vh;
		left: -400px;
	}
	li.dropdown.opened ul {
		display: none !important;
		}
	
	li.dropdown.opened:hover ul {
		display: block !important;
	}
	li.dropdown.opened ul {
		margin: 0px !important;
	}
}

@media only screen and (max-width: 767px){
	.form_style select .form_style option, .form_style select, .form_style .form-control{
		font-size: 14px;
	}
	#header .header-search .btn-light {
     top: 23px;
    }
	nav.header-nav-top {
		display: block!important;
	}
	nav.header-nav-top ul.nav.nav-pills li:nth-child(1) {
		display: block!important;
	}
	nav.header-nav-top ul.nav.nav-pills li:nth-child(2) {
		display: block!important;
	}
	.header-row.pt-3 {
		padding: 0 !important;
	}
	.header-nav .header-row {
		position: relative;
		left: 0;
		top: 0;
	}
	#header .header-btn-collapse-nav {
		background: #0088cc;
		margin: 0;
	}
	
	#header .header-nav-main:before {
		display: none;
	}
	#header .header-nav-main {
	    background: #ffffff00;
	    width: 0;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 999;
	    -webkit-transform: none;
	    transform: unset;
	    right: 0;
    }
	.collapsing {
		left: -75%;
		transition: height 0s ease;
	}
	
	#header .header-btn-collapse-nav.collapsed {
		transition: left 500ms ease-in-out;
	}
	#header .header-nav-main nav {
		transition: left 300ms ease-in-out;
		background: #fff;
		position: fixed;
		top: 0;
		bottom: 0;
		width: 320px;
		height: 100%;
		max-height: 100vh;
		left: -320px;
	}
	li.dropdown.opened ul {
		display: none !important;
		}
	
	li.dropdown.opened:hover ul {
		display: block !important;
	}
	li.dropdown.opened ul {
		margin: 0px !important;
	}
	.product_lists .list-icons li {
	    display: block;
	    width: 100%;
	}
}


@media only screen and (max-width: 575px) {
	.print-btn {
      padding: 0 15px;
    }
    #btn-back-to-top {
      bottom: 133px !important;
   }
   html.sticky-header-active #header .header-body {
     top: 0px !important;
   }
}

@media only screen and (max-width: 400px) {
	#header .header-logo img {
		width: 160px !important;
		height: auto !important;
	}
	#header .header-logo {
		height: 55px !important;
	}
	#header .header-search .btn-light {
        top: 9px;
    }
}

@media (max-width: 380px){
 .search-content {
    width: 280px !important;
}

}

@media(min-width:768px) and (max-width: 1180px){

	
}