body {
  padding-top:56px		
}

#homemainpart {
  background-image: url('../images/test6.jpg');
  background-repeat: no-repeat;
  background-size:cover;
  background-position: 0px -56px;
}


#homemainpart select option{
	text-align: left;
	cursor: pointer;
		    -webkit-appearance:button !important;
        -moz-appearance:button !important;
            appearance:button !important;
    
}

@media only screen and (max-width:1024px)  {
	#homemainpart {
		--background-image: url('../images/test3cropright2.jpg');
		background-image: linear-gradient(rgba(0, 0, 0, 0.227),rgba(0, 0, 0, 0.2)) , url(../images/test3cropright2.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: right 0px;  
	}
	
}


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

  #homemainpart {
    background-image: url('../images/test6.jpg');
    background-repeat: no-repeat;
    background-size: cover;
	background-position: 0px -26px;
  }
  
}

--I don't think screens of this ratio size usually exist, probably would  remove in the future
@media only screen and (max-width:600px)  and (orientation:landscape) {
	#homemainpart {
		background-image: url('../images/test3cropright2.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: right 0px;  
	}
	
}


@media only screen and (max-width:1024px)  {
	#homemainpart select 
	{
	  max-width: 300px !important;
	}
}


/*
#homelongtext{
	display:none;
}

@media only screen and (min-width:1200px)  {
	#homeshorttext{
		display:none;
	}
	#homelongtext{
		display:block;
	}
}
*/

@media only screen and (max-width:720px)  {
	#homesecondarea {
		padding-left:40px; 
		padding-right:40px
	}
}

/*@media only screen and (max-width:1200px)  {

  #homemainpart {
    background-image: url('../images/test6.jpg');
    background-repeat: no-repeat;
    background-size: cover;
	background-position: 0px -56px;
	--background-position: calc(-45vw - 15vh) calc(0vh * 1);
	--background-position: calc(-230px - calc(480px - 100vw)) calc(0vh * 1);
	--background-position: 50% 0px;    
	--background-attachment: fixed;
	--height: 289px;
	--width: 480px;
	--padding-top: 30px;
	--resize: both;
  }
  
  #homemainpart select 
  {
	  max-width: 300px !important;
  }
}


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

  #homemainpart {
    background-image: url('../images/test3cropright.jpg');
    --background-color: lightgreen;
    background-repeat: no-repeat;
    background-size: cover;
	background-position: calc(-45vw - 15vh) calc(0vh * 1);
	--background-position: calc(-230px - calc(480px - 100vw)) calc(0vh * 1);
	--background-position: 50% 0px;    
	--background-attachment: fixed;
	--height: 289px;
	--width: 480px;
	--padding-top: 30px;
	--resize: both;
  }
  
  #homemainpartDelete {
    --background-image: url('../images/test3.jpg');
    --background-repeat: no-repeat;
    --background-size: cover;
    --background-position: -17em 0em;
	--background-attachment: fixed;
	--height: 289px;
	--width: 480px;
	--padding-top: 30px;
	--resize: both;
  }
  
    #homemainmiddleDelete {
    --background-image: url('../images/test3.jpg');
    --background-repeat: no-repeat;
    --background-size: contain;
    --background-position: -148px -16px;
	--height: 407px;
	--width: 480px;
	--padding-top: 30px;
	--resize: both;
  }
}

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

  #homemainpart {
    background-image: url('../images/test3.jpg');
    --background-color: lightgreen;
    background-repeat: no-repeat;
    background-size: cover;
	background-position: calc(-100vw + 180px - 15vh) calc(0vh * 1);
	--background-position: calc(-45vw - 15vh) calc(0vh * 1);	
    --background-position: -13em 0em;
	--background-attachment: fixed;
	--height: 289px;
	--width: 480px;
	--padding-top: 30px;
	--resize: both;
  }
  
}

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

  #homemainpart {
    background-image: url('../images/test3.jpg');
    --background-color: lightgreen;
    background-repeat: no-repeat;
    background-size: cover;
	background-position: calc(-30vw - 100vh + 607px) calc(0vh * 1);
	--background-position: calc(-30vw - 15vh) calc(0vh * 1);
    --background-position: -13em 0em;
	--background-attachment: fixed;
	--height: 289px;
	--width: 480px;
	--padding-top: 30px;
	--resize: both;
  }
  
}

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

  #homemainpart {
    background-image: url('../images/test3.jpg');
    --background-color: lightblue;
    background-repeat: no-repeat;
    background-size: cover;
	background-position: calc(-20vw - 15vh) calc(-5vh * 1);
    --background-position: -14em 0.5em;
	--height: 289px;
	--width: 480px;
	--padding-top: 30px;
	--resize: both;
  }
  
}

  #homemainpart {
    background-image: url('../images/test3cropright2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
	--background-position: 0px -56px;
	--background-position: calc(-45vw - 15vh) calc(0vh * 1);
	--background-position: calc(-230px - calc(480px - 100vw)) calc(0vh * 1);
	background-position: right 0px;    
	--background-attachment: fixed;
	--height: 289px;
	--width: 480px;
	--padding-top: 30px;
	--resize: both;
  }
*/

.hover-bump1:hover {
        --opacity:0.5;
        --background-color: green;
        box-shadow: 0px 0px 6px 6px #e9ecef;
        transform: scale(1.1); 
}

#chooseproductnav .nav-link {
    color: rgba(0,0,0,.55); --#212529 !important;
    font-weight: 900 !important;
}

#chooseproductnav .nav-link.active {
    background-color: #F7F7F7 !important;
}

#mainfirstchoice{
	text-align: center !important;
}

#homemainpart select {
	cursor: pointer;
}