/* This is a Trade and Value, Corp. design *//* Please refrain from copying this style sheet */



/*mobile small	360pxmobile large	620pxsmall tablet	740pxlarge tablet	850pxsmall desktop	955pxmedium desktop	1100pxlarge desktop	1240px*/

@media(max-width: 1199px){

  .in-page1200{
  width: 100%;
  }
  /* Home */
  .home-insert-holder #background-video{
  position: absolute;
  left: auto;
  right: -400px;
  top: -200px;
  }
  .service-highlights ul{
  width: 100%;
  }
  .smiling-lady{
  width: 100%;
  }

  
}
@media(max-width: 1099px){
  .home-insert{
  width: 100%;
  }


}


@media(max-width: 1079px){
  .page-title-inner{
  width: 100%;
  padding-left: 20px;
  }

  .page-narrow{
  width: 90%;
  }
}


@media(max-width: 999px){
  .in-page, .in-page1000,
  .home-insert{
  width: 100%;
  }
  .emergency-tooth{
  width: 100%;
  }
  .home-locations .col-md-6 img{
  display: none;
  }
}


@media(max-width: 899px){
  
  
}



@media (max-width: 768px){
 .home-insert{
 justify-content: center;
 align-items: center;
 }
 
  .home-insert-holder #background-video{
  position: absolute;
  left: auto;
  right: -300px;
  top: -200px;
  }

 
 .home-insert .side-contact-holder{
 display: none;
 z-index: 1000;
 }
 .home-insert .message{
 margin: 0;
 }
 .contact-popup-button{
 display: block;
 padding: 8px 10px;
 position: absolute;
 left: 0;
 bottom: -80px;
 background-color: #3056a1;
 color: #f7c530;
 font-family: Roboto, Arial;
 font-size: 1.1em;
 text-align: center;
 text-transform: uppercase;
 } 

  .emergency-tooth{
  flex-flow: column;
  align-content: flex-end;
  align-items: flex-end;
  padding: 8px;
  }
  .emergency-tooth h4{
  margin: 0px 0px 0px 0px;
  }
  .emergency-tooth img{
  /*
  top: auto;
  left: 4px;
  bottom: 4px;
  right: auto;
  width: 40px;
  */
  }
  

  .sl-logo{
  padding: 0px 0px 20px 0px;
  
  }
  .sl-logo img{
  width: 260px;
  }
  

}


@media(max-width: 647px){
  
  
}



@media (max-width: 639px){
.page-title, .page-title-home, .unique-container, .left, .right, .mainContent-inner{
width: 100%;
height: auto;
float: none;
overflow: visible;
display: block;
}

.page-title{
font-size: 2.4em;
}



/* side form */
.side-form{
width: 100%;
float: none;
}
.side-form label{
display: block;
float: none;
}
.side-form input{
display: block;
width: 100%;
}
.top-page div{
width: 100%;
}

.page-content{
width: 94%;
margin: 0px auto;
}

.in-page .video iframe{
width: 100%;
height: auto;
}





/* Home */


}


@media(max-width: 600px){
  .home-insert-holder #background-video{
  width: 30%;
  height: 30%;
  position: absolute;
  right: 0px;
  top: -240px;
  left: -750px;
  background-size: 100% 100%;
  }
  .page-title-home span{
  
  }
  .service-highlights ul{
  align-content: center;
  align-items: center;
  gap: 10px;
  }
  .service-highlights ul li{
  width: 40%;
  height: 100%;
  display: flex;
  flex-flow: column;
  padding: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  .service-highlights ul li img{
  width: 110px;
  }
  .emergency-tooth img{
  top: auto;
  left: 4px;
  bottom: 4px;
  right: auto;
  width: 40px;
  
  }
  .home-locations .col-md-6{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  margin-bottom: 20px;
  }
  .home-locations{
  border: none;
  }
  
  
.home-map{
    width: 100%;
    height: 150px;
  }
  .contact-map{
  width: 100%;
  height: 200px;
  }
  


}


@media (min-width: 640px) and (max-width: 1119px){

.page-title, .page-title-home, .unique-container, .left, .right, .mainContent-inner{
width: 100%;
height: auto;
font-size: 100%;
float: none;
overflow: visible;
display: block;
}


.page-title{
font-size: 2.4em;
}


/* Home */




}



@media (min-width: 1000px){



}	/* End of Custom CSS  */