/* index with banner responsive style 6-12-2017 */

.clickmenu {
	display:none;
    border: 1px solid;
    border-radius: 4px;
    padding: 1px 12px;
    font-weight: bold;
    text-decoration: none;
    color: #1b3981;
    margin-top: 23px;
}
.clickmenu:hover{
	background-color: #1b3981;
	 color: #fff;
}
 
@media only screen and (max-width: 999px) {
.clickmenu{
	display:block;
}
#myDIV{
	display:none;
}
.home-header {
      float: left;
}
.clickmenu {
	margin-right:15px;
	padding: 2px 6px;
}

#categories {
       padding-top: 50px;
}
.hr-heading span {
    font-size: 25px;
}
.categories-image .product_details
{
 padding-top: 60px;
}


}
@media only screen and (min-width: 500px) and (max-width: 700px) {
.login-menu {
    float: left;
	width: 100%;
}
.col-md-3{
    width: 49.5%;
    float: left;
}
.categories-image .product_details
{
 padding-top: 75px;
}

}

@media only screen and (min-width: 0px) and (max-width: 500px) {
.header ul {
    float: left;
    padding-left: 0px;
}
.login-menu {
    float: left;
    margin-left: 5px;
	height: auto;
}
.header li ul {
    position: relative;
	margin-bottom:15px;
	width:auto;
	background: #f7f7f7;
}
.header li ul li {
    padding-left: 4px;
    margin-bottom: -5px;
}
.header li ul li:hover{
	background-color:#e4e4e4;
}
.header span a {
margin-left:-10px;
	}
	
.header ul li {
  margin-top: 10px;

}
}




@media only screen and (min-width: 750px) and (max-width: 1000px) {
#banner .banner-ontext h2 {
    font-size: 28px;
}
#banner .banner-ontext h6 {
   font-size: 28px;
}
#banner .banner-ontext h3{
	font-size: 28px;
}
.banner-search-bar select {
    height: 35px;
   font-size: 15px;
   margin-left: 44px;
}
.banner-search-bar input[type="text"]{

height: 35px;
   font-size: 15px;
}  
button.product-search {
	height: 35px;
}
  .banner-tag {
    width: 100%;
    margin-top: -135px;
}
.banner-tag h4 {
	padding-top: 16px;
    padding-bottom: 16px;
}

.col-md-3{
    width: 32.5%;
    float: left;
}


}

@media only screen and (min-width: 520px) and (max-width: 749px) {
.banner-middle2 {
    vertical-align: middle;
}
#banner .banner-ontext h2 {
    margin-top: -60px;
    letter-spacing: 3px;
    font-weight: 600;
	font-size: 20px;
}
#banner .banner-ontext h6 {
   font-size: 18px;
}
#banner .banner-ontext h3{
	font-size: 20px;
}
.banner-search-bar select {
    height: 30px;
	margin-left: 20px;
	font-size: 14px;
}
.banner-search-bar input[type="text"]{
    height: 30px;
	font-size: 14px;
}
button.product-search {
    height: 30px;
    font-weight: 600;
    width: 20%;
  font-size: 14px;
}
.banner-tag {
    width: 100%;
    margin-top: -135px;
	margin-left:5%;
}

.banner-tag h4 {
   float: left;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-left: 16px;
   width: 29%;
   font-size: 10px;
}


}

@media only screen and (min-width: 200px) and (max-width: 580px) {


.banner-middle2 {
     display: block;
}

#banner .banner-ontext h2 {
     font-size: 27px;
    margin-top: -445px;
    letter-spacing: 3px;
    font-weight: 600;
}

#banner .banner-ontext h6
{
     font-size: 25px;
     letter-spacing: 3px;
   
}
#banner .banner-ontext h3{
      font-size: 27px;
   
    letter-spacing: 3px;
    font-weight: 600;
   
}

.banner-search-bar select {
    height: 30px;
    padding-left: 8px;
    font-size: 11px;
    line-height: 25px;
    margin-left: 5px;
   
}

.banner-search-bar input[type="text"] {
    padding-left: 3px;
    height: 30px;
   letter-spacing: 0px;
    width: 45%;
    font-size: 12px;
   
}
button.product-search {
    height: 30px;
    width: 24%;
    font-weight: 600;
	 font-size: 12px;
}
.banner-tag {
    width: 100%;
    margin-top: -125px;
}

.banner-tag h4 {
    border: 2px solid;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 10px;
    width: 21%;
    font-size: 11px;
   
    
}
.banner-tag h4
{
height:40px;
}

}


@media only screen and (min-width:400px) and (max-width: 520px) {

.col-md-3{
    width:50%;
    float: left;
	padding-top: 60px;
}
.product_details p {
    height: 90px;
   }
   .banner-tag h4
{
height:40px;
}
}
@media only screen and (min-width:0px) and (max-width: 399px) {
.col-md-3{
    width:100%;
    float: left;
	padding-top: 20px;
	
}
.product_details p {
   height: 147px;
   width: 90%;
}
.banner-tag h4
{
height:40px;
}
.categories-Details {
   
    margin-bottom: 1px;
}
#categories .categories-image .product_details {
    padding-top: 30px;
}
.hr-heading {
   
    margin-bottom: 18px;
}
}
@media only screen and (min-width:0px) and (max-width: 999px) and (orientation : landscape) {
#banner {
    
    height: 460px;
   
}
.banner-middle {
    height: 460px;
    text-align: center;
}

#banner .banner-ontext h2 {
    margin-top: -60px;
    letter-spacing: 3px;
    font-weight: 600;
	font-size: 22px;
}
#banner .banner-ontext h6 {
   font-size: 20px;
}
#banner .banner-ontext h3{
	font-size: 22px;
}
}

@media only screen and (min-width:399px) and (max-width: 460px) and (orientation : landscape) {

#banner .banner-ontext h2 {
    margin-top: -374px;
  }

}