@media (max-width: 767px){
  .container{
    max-width: 414px;
    margin: 0 auto;
  }
  .mobile{display: block;}
  .desktop{
  display: none;
}
  .modal-dialog img{
      display: none;
}
  .modal-dialog {

    width: 95%;
}
  
  .sfs{
  padding-left: 15px;
}
#sid ul li a {
       padding: 7px 10px;
    font-size: 18px;
    display: block;
    color: #fff;
    text-transform: none;
    font-weight: 700;
}
  #sid .sidebar-header {
    padding: 0px 20px;
    color: #fff;
    text-align: left;
    width: 100%;
    margin-top: 90px;
}
 
  #sid .sidebar-header {
    padding: 0px 20px;
    color: #fff;
    text-align: left;
    width: 100%;
       margin-top: 40px;
}
  

  #sid .btn{
    margin-top: 30px;
    border: 1px solid #ffffff6b;
  }
  .titleh1 h1 {
 
    font-size: 32px;
  
}
  .titleh1 {
    margin-top: 120px;
}
  
  .background1 {
       min-height: auto;
    text-align: center;
       padding-bottom: 30px;
}
 
  
  .logo-header img {
 
    margin-left: 0px;
    margin-top: 25px;
}
  .contact-wrap .item {
   
    line-height: 36px;
    float: inherit;
    margin-right: 0;
    width: 260px;
    text-align: left;
    margin: 10px auto;
}
  .header-bg {
    min-height: auto;
   
}
  .mt-5 {
    margin-top: 1rem!important;
}
  .item-block .content {
    padding: 20px 20px 0px 30px;
}
  .item-block .blue-block .phone2 {
   
    padding: 20px 0px 0px 50px;
}
  .item-block .blue-block .textphone1 {
   
    font-size: 21px;
   
}
  h2 {
   
    font-size: 30px;

}
  
  .first{
    order: 1;
  }
   .second{
    order: 2;
  }
  #block5 .content {
    margin-top: 30px;
}
  #block8 {
    
    padding: 40px 0px 60px 0px;
}
  .cropped-block-8 {
    width: 100%;
    margin: 0 auto;
}
  #block8 .phone-block {
   
    font-size: 30px;
    
}
  #block8 .text1 {
   
    font-size: 32px;
    
}
  footer {
    padding: 0px 0px 20px 0px;
  
}
  footer .logo img {
    margin-top: 50px;
    width: 205px;
    margin: 50px auto;
}
  footer .logo{
    text-align: center;
  }
  .map-wrapper {
    position: relative!important;
    left: 0%;
    margin-left: 0px;
    margin-top: 40px;
    margin-bottom: 80px;
}
  .logo-header {
    text-align: center;
}
}

@media (min-width: 768px) and (max-width: 1023px) { 
 .mobile{display: block;}
  .desktop{
  display: none;
}
  
  
  #sid ul li a {
       padding: 7px 10px;
    font-size: 18px;
    display: block;
    color: #fff;
    text-transform: none;
    font-weight: 700;
}
  #sid .sidebar-header {
    padding: 0px 20px;
    color: #fff;
    text-align: left;
    width: 100%;
    margin-top: 90px;
}
 
  #sid .sidebar-header {
    padding: 0px 20px;
    color: #fff;
    text-align: left;
    width: 100%;
       margin-top: 40px;
}
  

  #sid .btn{
    margin-top: 30px;
    border: 1px solid #ffffff6b;
  }
 
   .map-wrapper {
    position: relative!important;
    left: 0%;
    margin-left: 0px;
    margin-top: 80px;
    margin-bottom: 80px;
    z-index: 0;
}
.map-info {
    

    max-width: 100%;
}
  .map-info .btn {
    margin-top: 25px;
    width: 364px;
}
  .pages .contact-wrap .item {
    margin-left: 35px;
}
  .contact-wrap .item {
  
    margin-right: 38px;
}
  .titleh1 h1 {
   
    line-height: 62px;
  
}
  .titleh1 {
    margin-top: 230px;
}
  
  .item-block .content {
    padding: 20px 20px 0px 20px;
}
  .item-block .ibw2 {
    background-position: 60px 0px!important;
    margin-bottom: 10px;
}
  #block2 .item-block .content {
    padding: 20px 30px 20px 10px;
}
  .cropped-team {
    height: 230px;
    border-radius: 16px 16px 0px 0px;
}
  #block3 img {
    height: auto;
}
  .item-block .content {
    padding: 10px 10px 10px 10px; 
}
  
 #block3 .item-block {
  
    min-height:275px;
}
  #block3 .item-block .content .name {
   
    font-size: 14px;
   
}
  
  #block4 .item-block {
  
       min-height: 275px;
}
  #block4 .item-block .content .name {
  
    font-size: 15px;
    line-height: 28px;
   margin-top: 20px;
}
 .cropped-block-8 {
    width: 100%;
    margin: 0 auto;
}
  #block8 .phone-block {
  
    margin-top: 20px;
}
}

@media (min-width: 1024px) and (max-width: 1199px) { 
.map-wrapper {
  
 
    margin-left: 90px;
   
}
  .cropped-block-8 {
    width: 80%;
    margin: 0 auto;
}
  #block3 .item-block .content .name {
   
    font-size: 22px;
  
}
  .item-block .ibw2 {
    background-position: 10px 27px!important;
   
}
  .item-block .blue-block .textphone1 {
   
    font-size: 21px;
   
 
}
}

@media (min-width: 1200px){
.container {
    width: 1170px;
    max-width: 100%;
}

}