@media only screen and (min-width: 2200px)
{
.modal-content{max-width: 1800px;}
}

@media only screen and (min-width: 1800px)
{
  .boxDiv{max-width: 1920px;}
}


@media only screen and (max-width: 1680px)
{
.contentDiv{width: 90%;}
}

@media only screen and (max-width: 1500px)
{
.contentDiv{width: 98%;}
}

@media only screen and (max-width: 1380px)
{
  .contentDiv{width: 90%;}
  #categoriesDiv {
    flex-direction: column;}
}



@media only screen and (max-width: 1150px)
{
#footerBreak{display: inherit;}
#imgLogoDiv{display: none;}
#imgLogoDivIcon{display: flex;}
#companyNameDiv{display: block; font-size: 1.7em;}

 .contentDiv{flex-direction: column;}
 #menuBarInnerDiv{width: 700px;}
 .textDiv{width: 100%;}

    .navbar a {font-size: 1.8em;}
  .dropdown .dropbtn {font-size: 1.8em;}
  .subLogoFontText{font-size: 1.5em;}
  h4{font-size: 1.5em;}
  p{font-size: 1.5em;}
  .logoFontText{font-size: 1.5em;}

  .makeFlexBox{flex-direction: column;}

  .ourWorkshopsTitle{width: -webkit-fill-available;}
  .ourWorkshopsDescription{width: -webkit-fill-available;}

  .contactButtonsColor1, .contactButtonsColor2, .buttons {font-size: 1.65em;}
  #section1{margin-top: 0.5em;}
  #section2{margin-top: 1em;}


/*.modal-content {width:  -webkit-fill-available;height: -webkit-fill-available;}*/
.modalH2{font-size: 1.5em;}
.formLabel{font-size: 1.5em;}
.formInput {font-size: 1.5em;}

@media only screen and (max-width: 1050px)
{
  .logoFontText{font-size: 1em;}
}

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

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

}

html, body,#navDiv,#contactUsDiv {min-width: 660px;}