/*	This is used when you are making a website with individual css for each page
	NOTE: Use the master css for any items that you want to be constant throughout the website
*/
#hdrImg{background: #ffffff url("/styles/stylesets/201904extrememachines/images/hdr2.jpg") center center;}
/*#accessoriesWrap{display: flex; justify-content: space-between;margin: 0 auto 30px;}
#accessories1, #accessories2{margin: 0 5px; border: 1px solid #ba0001; padding: 10px; width: 33%;}
#accessories3{margin: 0 5px; border: 1px solid #ba0001; padding: 10px; width: 25%;}
#bulletsWrap{display: flex; justify-content: start; }
#bullets1, #bullets2, #bullets3{margin: 0 20px 0 0;}
#bullets1 ul, #bullets2 ul, #bullets3 ul{margin: 0 !important; padding: 0 20px !important;}*/

#accessoriesWrap{display: flex; justify-content: space-between;margin: 0 auto 30px;}
#accessories1{margin: 0 5px;width: 100%;}
#accessories3{margin: 0 5px; border: 1px solid #ba0001; padding: 10px; width: 25%;}
#bulletsWrap{display: flex; justify-content: space-between;flex-wrap: wrap; }
/*#bullets1, #bullets2, #bullets3{margin: 0 20px 0 0;}*/
#bullets1 ul, #bullets2 ul, #bullets3 ul{margin: 0 !important; padding: 0 20px !important;}


@media screen and (max-width:1200px){
    
}

@media screen and (max-width:1100px){
    
}

@media screen and (max-width:1000px){
    #hdrImg{background:#ffffff url("/classes/timthumb.php?w=1200&h=500&zc=1&q=90&src=/styles/stylesets/201904extrememachines/images/hdr2.jpg") no-repeat center top;} 
    
}

@media screen and (max-width:900px){
    #accessoriesWrap{flex-wrap: wrap;}
    #bullets1, #bullets2{width: 25%;}
    
}

@media screen and (max-width:800px){
    #hdrImg{background:#ffffff url("/classes/timthumb.php?w=800&h=400&zc=1&q=80&src=/styles/stylesets/201904extrememachines/images/hdr2.jpg") no-repeat center top;} 
    #accessoriesWrap{flex-wrap: wrap;}
    
}

@media screen and (max-width:700px){
    #bullets1, #bullets2{width: 33%;}
    
}

@media screen and (max-width:600px){
    
}

@media screen and (max-width:500px){
    #bullets1, #bullets2{width: 50%;}
    #accessories1{margin:auto;}
    
}

@media screen and (max-width:400px){
    
}

@media screen and (max-width:360px){
    #bullets1, #bullets2{width: 100%;}
    
}