/* CSS Document */
@media only screen  
and (max-width : 1260px) {
  .wp-block-group.alignwide {
    max-width: auto;
    margin:0 3%;
    width:96%;
  }
}


@media only screen 
and (max-width : 1224px) {
  .large-wrapper{
    width:94%;
    margin:0 3%;
  }

}



@media only screen 
and (max-width : 1044px) {

  .wp-block-group.is-layout-constrained{
    max-width: auto;
    margin:0 3%;
    width:96%;
  }


  .wrapper{
    width:94%;
    margin:0 3%;
  }

}





@media only screen  
and (max-width : 1024px) {

  .header-content{
    grid-template-areas:"logo cart mobileMenu";
    grid-template-columns: 1fr auto auto;

	}


  #responsivemenu{
    display:block;
  }
    

  #full-menu, 
  #stickyheader{
    display:none;
  }
  

  #social-responsive{
    display:block;
  }

  #social{
    display:none;
  }








}

@media only screen  
and (max-width : 1000px) {
  .small-wrapper{
    width:94%;
    margin:0 3%;
  }
}





@media only screen  
and (max-width : 768px) {
  .text-wrapper{
    width:94%;
    margin:0 3%;
  }


  #page-sidebar{
    display:none;
  }

    
  #page-right-content{
    width:94%;
    padding:30px 3%;
    float:none;
  }




  #sidebar-primary{
    float:none;
    width:94%;
    padding:3%;
  }

  #sidebar-footer .wrapper{
    flex-wrap:wrap;	
  }





  input#s {
    width:55%;

  }


  img.alignright, 
  img.alignleft, 
  img.aligncenter, 
  a img.alignright, 
  a img.alignleft, 
  .wp-caption.alignright, 
  .wp-caption.alignleft {
    display: block; 
    margin-left: auto; 
    margin-right: auto;
    float:none;
    }

}




@media only screen 
and (max-width : 540px) {
  .tiny-wrapper{
    width:94%;
    margin:0 3%;
  }

  
}



@media only screen 
and (max-width : 480px) {

  img.alignright {
    float:none; 
    margin:10px 0; 
    clear:both; 
    text-align:center;
    margin-left: auto; 
    margin-right: auto;
    display: block; 	
  }
    
  img.alignleft {
    float:none; 
    margin:10px 0; 
    clear:both;
    margin-left: auto; 
    margin-right: auto;
    display: block; 	
  }
  
  img.aligncenter {
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
  }
  a img.alignright {
    float:none; 
    margin:10px 0; 
    clear:both; 
    margin-left: auto; 
    margin-right: auto;
    display: block; 
    }
  a img.alignleft {
    float:none; 
    margin:10px 0; 
    clear:both;
    margin-left: auto; 
    margin-right: auto;
    display: block; 
  }
  a img.aligncenter {
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
  }


}



@media only screen 
and (max-width : 320px) {


}