.desktop-none {

     display: none;

}

 

 @media (min-width: 992px) {

     .container {

         max-width: 1070px;

    }

}

 @media (min-width: 1300px) {

     .container {

         max-width: 1280px;

    }

}

 @media screen and (min-width: 1800px) {

    .container {

        max-width: 1530px;

    }

}

 @media screen and (min-width: 1700px) {



}

 @media screen and (min-width: 1500px) {



}

@media (min-width: 1500px) {

     

}

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

 

 }

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

 

}



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

    .hex{

        width: 270px;

    height: 300px;

    }

    .hexagon-gallery{

            grid-auto-rows: 318px;

    }

    .hexContent .hexContentBox{

        height: 100%;

    }

    .hexContent > h3{

        display: none;

    }

    .hexContent h3 {

    font-size: 20px;

    font-weight: 800;

    line-height: 1.5;

    text-align: center;

    color: #fff;

    margin-bottom: 0;

}

.hexContent .hexContentBox p { 

    margin-bottom: 10px; 

}

}

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

    

}

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

}

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

    .hex {

    width: 240px;

    height: 300px;

}

}	

 @media screen and (min-width: 767px) and (max-width: 991px) {

}

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

  .hexagon-gallery{

display: block;

  }

  .hex {

    width: 100%;

    max-width: 300px;

    height: 300px;

    margin: auto;

    margin-bottom: 30px;

}

.hex:nth-child(4), .hex:nth-child(5) { 

    margin-top: 0px;

}

.SectionHeading h2 {

    font-size: 26px;

    font-weight: 800;

    line-height: 1.5;

    text-align: center;

}

.SectionHeading {

    margin-bottom: 30px;

}

.logo-web {

    width: 60px;

    overflow: hidden;

}

.right-head .RightContact .ContactDetails:first-child {

    padding-right: 10px;

    margin-right: 10px;

    border-right: solid 1px #DDDDDD;

}

.right-head .RightContact .ContactDetails p a {

    font-size: 12px; 

    line-height: 12px; 

    letter-spacing: 0px;

}

.right-head .RightContact .ContactDetails span {

    font-size: 10px; 

    line-height: 10px;

    letter-spacing: 0; 

}

}

 @media screen and (min-width: 574px) and (max-width: 767px) {

}

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

}

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

	

}

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



}

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

}