/*************** TOP SECTION*********************/

.top1{
border-bottom: 0px solid #F3D00F;
-webkit-box-shadow: 0px 1px 3px 0px rgba(112,111,112,0.87);
-moz-box-shadow: 0px 1px 3px 0px rgba(112,111,112,0.87);
box-shadow: 0px 1px 3px 0px rgba(112,111,112,0.87);

}

.top2{
padding-top: 5px;
padding-bottom:5px;
background-image:url('../../../../images/bg_top.png'); 
background-position: center top; 
border-bottom: 3px solid #777770;
border-top: 3px solid #777770;
    margin-top: 45px;       /* IT Sevice Zone: Static top3 */
}

.top3{
border:0px solid red; 
border-bottom: 0px solid #d7a50b;
background: #4c4e4f;
height:45px;				/* Henry: to fix issue with big gray gap, Icon Menu responsive */
position:relative;			/* Henry: to fix issue with big gray gap, Icon Menu responsive */
z-index: 9999999;           /* IT Service Zone: Static top3 START */
position: fixed;
width: 100%;
top: 0px;                   /* IT Service Zone: Static top3 END */
}

/* slider bg */
.top4{
border:0px solid red; 
border-bottom: 0px solid gray;
}



/********* inside  for top 1 *******************/
/* box generated from  http://the-echoplex.net/flexyboxes/ */

.flex-container {
    display: -webkit-box; /*IT Service Zone: adjustment for safari browser*/
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify; /*IT Service Zone: adjustment for safari browser*/
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: center; /*IT Service Zone: adjustment for safari browser*/
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }


.nth-child(1) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.nth-child(2) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }

.nth-child(3) {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    }
     
/********* inside  for top 1 - EOF *******************/



#logo a {
background: url(../../../../images/logo_bg.png) no-repeat;
width: 300px;
height: 100px;
text-indent: -1000px;
overflow: hidden;
display: block;
}

#logo a:hover {
background-position: 0px -100px;
}





/************************ search box start ******************/
.search_form
{
}

.adv_search
{
}

.search_box
{
  width:100%;
}


/************************ search box end ******************/



/************************ Responsive Structure ****************/

/* for new/big desktop from 1200 px and bigger ....*/
@media (min-width: 1200px) and (max-width: 3000px) {
}

/* for medium/old desktop screen from 1024 to 1200px */
@media (min-width: 1024px) and (max-width: 1200px) {
}


/* for medium view such as ipad  from 768 to 1024 */
@media (min-width: 768px) and (max-width: 1024px) {

}


/* for small view such as iphone, samsung : less than 768 */
@media (min-width: 0px) and (max-width: 767px) {
.flex-container {
    -webkit-box-orient: vertical; /*IT Service Zone: Safari iphone fix*/
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    }

    /*IT Service Zone: make menu scroll START*/
    .top3{ position: relative; }
    .top2{ margin-top: 0; }
    /*IT Service Zone: EOF*/

    .stage-top{display:none !important;}
}





************************ Responsive Structure EOF ****************/