/*BEGIN max and min width 979px*/



@media (max-width: 1200px){
	.nav>li>a {
    	padding: 10px 5px!important;
    	font-size: 19px !important;
	}
	
}



@media (max-width: 991px){
	.nav {
		margin-top: 2% !important;
	}
	.nav>li>a {
    	padding: 10px 12px!important;
	}

	.logo{
		text-align: center;
	}
	
	.logo img{
		width:auto!important;
	}

	.prod_name {
		font-size: 18px !important;
		
	}
	

}


@media (min-width: 979px) {
	a.navbar-brand{
		display:none;
	}

	
}

@media (max-width: 879px){
	
	a.navbar-brand{
		display:none;
	}
	.sticky-social {
		display:none !important;
	}
	
}
@media (min-width: 879px) {
	a.navbar-brand{
		display:none;
	}
	
	
	
	
}


@media (min-width: 779px) {
	a.navbar-brand{
		display:none;


}

}

@media (max-width: 767px) {
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	padding: 0;
	float:left!important;
}
.navbar-nav {
    margin: 7.5px 0;
	}

ul.navbar-nav li:hover ul{
	display:none;
}

.nav > li, .nav > li > a{
	    text-align: center!important;
    width: 100%!important;
}

.logo{text-align:center;}
.logo img{ 
	text-align: center;
	
	width: 100% !important;

}

.nav{text-align:center!important; width:100%!important;}


.nav > li, .nav > li > a{ text-align:center!important; width:100%!important;
	 
	 /*border-right: 0px !important;*/
	    
	}

	.banner_img {
    float: left;
    display: block;
    width: 100%;
    margin: 0 !important;
}
	
	.box_wrap {
    float: left;
    max-width: 100%;
    padding: 15px 26%;
	}

	/*
	.box> a >img {
		max-width: 100%;
	} */
	.img {
		max-width: 100%;
	}


	.nav > li > a{
		margin-left: 0!important;
	}
		
	
	.ftr_nav {
		float: left;
		width: 100%;
		padding: 30px 0 !important;

	}
	
	.ftr_nav li{
		float: left;
		width:100%;
		text-align:center;
	}
	.ftr_nav li a{
		float: left;
		width:100%;
		text-align:center;
		padding: 0 !important;
		margin:10px 0;
	}
	
	.footer p {
    	text-align: center;
	}
}


@media (max-width:600px) {

		.box_wrap {
    float: left;
    max-width: 100%;
    padding: 15px 20%;
	}
	



}
@media (max-width: 498px ) {
	.box_wrap {
    float: left;
    max-width: 100%;
    padding: 15px 33px !important;
}

}

@media (max-width: 450px ) {
	.txton_banner p{
		font-size: 25px !important;
	}

	
}

@media (max-width: 436px ) {
		.txton_banner p{
		font-size: 22px !important;
    	
	}
}

@media (min-width: 397px ) {
	.boxes >a >img  {
		max-width: 100%;
	}
}

@media (max-width: 396px) {
	.logo img{
	width:100%;
	}
		.box_wrap {
    float: left;
    max-width: 100%;
    padding: 15px 15px !important;
}	

.img {
	max-width: 100%;
}

	
}

@media (max-width: 320px){
	
	
	.product-box{width:275px!important;padding:2px;}
	}
	
}