﻿.drop-menu-ourwork-region {
  display:none;
  position: fixed;
  left: 0px;
  top: 64px;
  right: 0px;
 /* background: rgba(255, 255, 255, 0.70) ;*/
}
/*drop-menu-ourwork-region:hover{
     display:block;
}*/
.drop-menu-ourwork-container{
  height:48px;
  margin-right: auto;
  margin-left: auto;
  text-align:right;  
  border:0px solid brown;
  display: table;
  table-layout:auto;

}
.drop-menu-ourwork-cell1,
.drop-menu-ourwork-cell2,
.drop-menu-ourwork-cell3{
    width:370px;
    border: 0px solid green;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    font-size:16px;
    font-family: 'Open Sans Regular', sans-serif;
    letter-spacing:1px;
}
@media all and (min-device-width: 1170px) and (min-width: 1170px) {
.drop-menu-ourwork-container{
    max-width: 1170px;
    width:1170px;
  }
}
@media all and (max-width: 1169px) and (min-width: 760px) { /*and (max-device-width: 1169px)  and (min-device-width: 760px)  {*/
.drop-menu-ourwork-container{
   height:4.6vw;
    width:100%;
  }
}

@media all and (max-width: 759px) and (min-width: 630px) {
.drop-menu-ourwork-container{
    height:4.6vw;
    width:100%;
  }
    .drop-menu-ourwork-cell1,
    .drop-menu-ourwork-cell2,
    .drop-menu-ourwork-cell3 {
        font-size:2.1vw;
    }
}
@media all and (max-width: 630px) {
.drop-menu-ourwork-container {
    display:none;}
}


.drop-menu-ourwork-cell1:hover,
.drop-menu-ourwork-cell2:hover,
.drop-menu-ourwork-cell3:hover {
    text-decoration:underline;
}
