#shop-bar-holder {
    position:relative;
    display:none;
    margin: 0 auto;
	width: 100%;
	height:63px;
    background-image:url("../img/shop-bar.png");
	background-size:100% 63px;
    background-repeat: repeat-x;
    position:fixed;
    z-index:1000;
    margin-bottom:30px;
}

 #shop-bar-content{
   margin-top:63px;
   margin: 0 auto;
   max-width: 1400px; 

}

 #shop-bar-logo{
    position:relative;
    display:inline-block;
    background-image:url("../img/shop-bar-logo.png");
    background-repeat:no-repeat;
}

  #shop-bar-text{
    position:relative;
    display:inline-block;
    background-image:url("../img/shop_bar_text_cropped.png");
    background-repeat:no-repeat;
  
}

 #shop-bar-go{
    position:relative;
    display:inline-block;
    background-image:url("../img/shop_arrowicon_cropped.png");
    background-repeat:no-repeat;

}


@media only screen 
and (min-width : 100px) 
and (max-width : 320px)  {
    #shop-bar-holder{
        display:none;
    }
    
    #shop-bar-content{
        display:none; 
    }
    
    #shop-bar-logo{
        width:182px;
        height:57px;
        background-size:90% auto;
        margin-left:-4%;
        margin-top:5px;
        display:none;
    }
    
    #shop-bar-text{
       display:none;
    }
    
    #shop-bar-go{
        width:141px;
        height:42px;
        background-size:90% auto;
        margin-left:1%;
        top:-5px;
        display:none;
    }
}

@media only screen 
and (min-width : 321px) 
and (max-width : 480px)  {
   
     #shop-bar-holder{
        display:none;
    }
    
    #shop-bar-content{
        display:none; 
    }
    
    #shop-bar-logo{
        width:182px;
        height:57px;
        background-size:90% auto;
        margin-left:0%;
        margin-top:5px;
        display:none;
    }
    
    #shop-bar-text{
       display:none;
    }
    
    #shop-bar-go{
        width:141px;
        height:42px;
        background-size:90% auto;
        margin-left:10%;
        top:-5px;
        display:none;
    }
}



@media only screen 
and (min-width : 481px) 
and (max-width : 767px) {
     #shop-bar-holder{
        display:none;
    }
	
     #shop-bar-content{
		display:none;
    }
    #shop-bar-logo{
        width:202px;
        height:63px;
        margin-left:0%;
        display:none;
    }
    
    #shop-bar-text{
       display:none;
    }
    
    #shop-bar-go{
        width:156px;
        height:46px;
        margin-left:20%;
        top:-7px;
        display:none;
    }
}



@media only screen 
and (min-width : 768px) 
and (max-width : 865px) {
    
    #shop-bar-content{
    }
    
     #shop-bar-text{
        width:534px;
        height:13px;
        background-size:85% auto;
        top:-15px;
        margin-left:1%;
    }
    
     #shop-bar-logo{
        width:171px;
        height:53px;
        background-size:85% auto;
        margin-left:-11%;
        top:5px;
    }
    
     #shop-bar-go{
        width:132px;
        height:39px;
        background-size:85% auto;
        margin-left:-4%;
        top:1px;
    }
   
}

@media only screen 
and (min-width : 866px) 
and (max-width : 949px) {
    
    #shop-bar-content{
    }
    
    #shop-bar-text{
        width:534px;
        height:13px;
        background-size:85% auto;
        top:-15px;
        margin-left:5%;
    }
    
     #shop-bar-logo{
        width:171px;
        height:53px;
        background-size:85% auto;
        margin-left:-4%;
        top:5px;
    }
    
     #shop-bar-go{
        width:132px;
        height:39px;
        background-size:85% auto;
        margin-left:-2%;
        top:1px;
    }
   
}



@media only screen 
and (min-width : 950px) 
and (max-width : 1029px) {
    
    #shop-bar-content{       
    }
    
     #shop-bar-text{
        width:566px;
        height:14px;
        background-size:90% auto;
        top:-17px;
        margin-left:6%;
    }
    
     #shop-bar-logo{
        width:181px;
        height:56px;
        background-size:90% auto;
        margin-left:-2%;
        top:4px;
    }
    
     #shop-bar-go{
        width:140px;
        height:41px;
        background-size:90% auto;
        margin-left:-1%;
        top:-2px;
    }
   
}



@media only screen 
and (min-width : 1030px) 
and (max-width : 1108px) {
    
    #shop-bar-content{
    }
    
     #shop-bar-text{
        width:629px;
        height:16px;
        top:-25px;
        margin-left:1%;
    }
    
    #shop-bar-logo{
        width:202px;
        height:63px;
        margin-left:0%;
    }
    
    #shop-bar-go{
        width:156px;
        height:46px;
        margin-left:0%;
        top:-8px;
    }
}

@media only screen 
and (min-width : 1109px) 
and (max-width : 1195px) {
    
    #shop-bar-content{
    }

    #shop-bar-text{
        width:629px;
        height:16px;
        margin-left:6%;
        top:-23px;
    }
    
    #shop-bar-logo{
        width:202px;
        height:63px;
        margin-left:1%;
    }
    
    
    #shop-bar-go{
        width:156px;
        height:46px;
        margin-left:1%;
        top:-8px;
    }
}

@media only screen 
and (min-width : 1196px) {
    #shop-bar-content{
    }

    
     #shop-bar-text{
        width:629px;
        height:16px;
        margin-left:13%;
        top:-23px;
    }
    
    #shop-bar-logo{
        width:202px;
        height:63px;
        margin-left:1%;
    }
    
    
    #shop-bar-go{
        width:156px;
        height:46px;
        margin-left:1%;
        top:-8px;
    }
        
    
}