/* custom media queries */


/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* ----------------------------------------------------------- */
/* under 767 (small - phone & tablet) */
@media (max-width: 767px) {




              #tester > .dropdown-menu
              {
                  padding: 5px;
                  box-shadow: 0.5px 3px 4px rgba(0, 0, 0, 0.40);
                  position: absolute;
                  top: 100%;
                  left: 0;
                  z-index: 1000;
                  display: none;
                  float: left;
                  min-width: 160px;
                  margin: 2px 0 0;
                  font-size: 14px;
                  list-style: none;
                  background-clip: padding-box;
                  margin-top:3px;
                  -webkit-border-radius:0px;
                  -moz-border-radius:0px;
                  border-radius:0px;
                  border-top: 0px solid #ababab;
                  border-bottom: 2px solid #3c8ed2;



                z-index:999999 !important;
                /*background-color:rgb(17, 63, 112) !important;*/ /* change for theme */
                /*background-image: url(images/greyBG.jpg) !important;*/

                background-color: #f8f8f8 !important;

                
                color:gray !important;

                width: 200% !important; 
                margin-left: -53px; 
                margin-right: 30px; 

                margin-top:5px !important;

                -webkit-transition: all 0.30s linear;
                -moz-transition: all 0.30s linear;
                -ms-transition: all 0.30s linear;
                -o-transition: all 0.30s linear;
                transition: all 0.30s linear;


              }
              #tester > .dropdown-menu > li 
                {

                  /*background-color:rgb(17, 63, 112) !important;*/ /* change for theme */
                  /*background-image: url(images/greyBG.jpg) !important;*/
                  color:gray !important;
                  border-top-right-radius: 0 !important;
                  border-top-left-radius: 0 !important;
                  border-bottom-right-radius: 0 !important;
                  border-bottom-left-radius: 0 !important;

                          margin-left: -10px;
                          /*margin-right: 55px;*/
                          /*width:80%;*/


                }
              #tester > .dropdown-menu > li > a { 
                    display: block;
                    padding: 3px 20px;
                    clear: both;

                    font-size:13px;

                    line-height: 1.428571429;

                    margin-left: 15px;
                    /*margin-right: -55px;*/
                    /*width:80%;*/

                  /*color:#D9F0F0 !important;*/
                  color:#555555 !important;


                    white-space: nowrap;

                    -webkit-transition: all 0.20s linear;
                    -moz-transition: all 0.20s linear;
                    -ms-transition: all 0.20s linear;
                    -o-transition: all 0.20s linear;
                    transition: all 0.20s linear;
                }
              #tester > .dropdown-menu> li:first-child {
                  margin-top: 1px;
                }

              #tester > .dropdown-menu> li:last-child {
                  margin-bottom: 1px;
                }

              #tester > .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {

                  /*background-color: #0D2E56 !important; *//* change for theme */ 
                  /*background-color: hsla(0,0%,100%,.9) !important;*/
                  /*background-image: url(images/greyBG.jpg) !important;*/

                  /*background-color: #f8f8f8 !important;*/
                  background-color: #e8e9ea !important;

                }








              }