.main-nav-mobile-wrapper { display:block; width:100%; }
.mobile-menu { position:relative; }
a.menu-icon { width:100%; display:block; background:#07387b; color:#ffffff; padding:7px 10px; font-size:15px; font-weight:400; margin-top:15px; }
a.menu-icon i { margin-right:5px; }
a.menu-icon:hover, a.menu-icon:active, a.menu-icon:focus { color:#ffffff; }

.mobile-menu ul { position:absolute; width:100%; background:#ffffff; border:#cccccc solid 1px; z-index:999; display:none;   }
.mobile-menu ul li { border-bottom:#cccccc solid 1px; }
.mobile-menu ul li:hover > a { color:#07387b; }
.mobile-menu ul li:hover ul a { color:#555555; }
.mobile-menu ul li a { display:block; padding:10px; }

.mobile-menu ul ul { position:relative; border:none; background:#f9f9f9; padding:10px; }
.mobile-menu ul ul li { border-bottom:none; margin-bottom:5px; font-size:12px; font-weight:400; }
.mobile-menu ul ul ul ul { margin:5px 0px 0px 5px; padding-top:0px; }
.mobile-menu ul ul ul ul li { list-style:disc; }
.mobile-menu ul ul ul ul li:last-child { margin-bottom:0px; }
.mobile-menu ul ul > li:hover > a { color:#07387b; }
.mobile-menu ul ul li a { padding:0px; }
.mobile-menu .parentSubChildren > li { background:url(../images/sub-menu-icon.png) 0px 3px no-repeat; padding-left:8px; }

.mobile-menu li.sub-child > a { position:relative; }
.mobile-menu li.sub-child > a:after { content:"\25BC"; position:absolute; right:10px; top:10px; height:8px; width:8px; display:block; font-size:9px; }

.mobile-menu ul ul a.parentSubChild, .mobile-menu ul ul a.non-child { display:block; padding:4px 0px;  font-weight:600;  }
.mobile-menu ul ul a.parentSubChild .fa { margin-top:1px; }

.mobile-menu ul ul a.parentSubChild.active .fa-minus-square-o { display:block; }
.mobile-menu ul ul a.parentSubChild .fa-minus-square-o, .mobile-menu ul ul a.parentSubChild.active .fa-plus-square-o { display:none; }

.mobile-menu ul ul ul { display:block; }



#lbldesc1 {line-height:20px;}
#lbldesc1 h3 {font-size:13px; font-weight:bold;}
#lbldesc1 ul {margin-top:10px;}
#lbldesc1 ul li {line-height:20px; list-style-type:disc; margin-left:18px;}
#lbldesc1 b {display:block; font-weight:bold; font-size:13px;}
#lbldesc1 p b {display:block; font-weight:bold;}
#lbldesc1 font {line-height:20px;}
#lbldesc1 br {display:block; margin-bottom:7px;}
#lbldesc1 h4 {font-size:15px;}

#lbldesc2 {line-height:20px;}
#lbldesc2 ul {margin-top:10px;}
#lbldesc2 h3 {font-size:13px; font-weight:bold;}
#lbldesc2 ul li {line-height:20px; list-style-type:disc; margin-left:18px;}
#lbldesc2 ul u {font-size:13px;}
#lbldesc2 font {line-height:20px;}
#lbldesc2 font b {display:block; font-weight:bold;}
#lbldesc2 ul b {display:block; font-weight:bold;}

#lbldesc3 {line-height:20px;}
#lbldesc3 font b {font-weight:bold; display:block; font-size:13px;}

.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {display:none;}
.form-group.new-group .text-field {width:155px;}

@media only screen and ( max-width:360px ) {
	.wrapper { margin:0px; }
	
	.breadcrumb {display:none;}
    /* Header */
	.form-group.new-group label span {margin:0px; padding:0px; float:left; vertical-align:top;}
	.form-group.new-group .text-field {width:100%; float:left; margin-top:16px; padding:0px;}
	
	form label {margin-top:13px;}
    h5 { font-size:12px;  }
	
	
    .slide { background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; -webkit-background-size:cover; height:400px;  }
	.slide .description { position:absolute; bottom:0px; width:300px; background:rgba(0,0,0,0.4); padding:2px; right:0px; line-height:normal;  }
	.slide .description h2 { color:#ffffff; text-shadow:#000000 1px 1px; font-size:11px; text-align:right; padding-right:10px;}	
    .slide { background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; -webkit-background-size:cover; height:400px;  }
	
	.inner-banner figure, .inner-banner figure img {height:100px;}
	.inner-page strong {line-height:17px;}

    .top-header-wrapper { height:auto; }
    .top-header-wrapper aside { width:100%; display:block; }
    .top-header-wrapper ul { text-align:center; text-align:center; }
	.top-header-wrapper ul li { padding:0px 2px 0px 6px; }
	.top-header-wrapper ul li:last-child { padding-right:6px;}

    .bottom-header-wrapper { margin:10px 0px; }
    .bottom-header { display:block; }
    .logo-wrapper::after { display:none; }
    .bottom-header-wrapper { background:none; }
    .main-nav-wrapper, .company-wrapper { margin:0px; width:auto; padding:0px; }
	
	.bottom-header-wrapper h5 { margin-top:5px; font-size:11px; }

    .logo-wrapper, .company-wrapper { float:left; display:block; }
    .company-wrapper { float:right; margin-top:8px; }
    .logo-wrapper { width:38%; height:auto; }
    .logo-wrapper h1 { margin:0px 0px 0px 26px; }
    .logo-wrapper h1 img { width:60%; }
    .logo-wrapper .slogan { font-size:9px; }
	
	/* breadcrumb */
	.breadcrumb {font-size:11px; padding:8px 8px;}
	.breadcrumb > .active {font-size:11px;}
	.breadcrumb > li + li::before {padding:0 1px;}
	.inner-banner figure figcaption span {font-size:11px; bottom:8px; left:6px; right:6px;}
	.inner-page.page-content h4 {font-size:14px;}
	
	.inner-page h5.new  {height:auto; line-height:20px; padding-left:5px;}
	.inner-page h5.new span {padding:3px 4px;}
	.inner-page h5.new1  {height:auto; line-height:20px; padding-left:5px;}
	.inner-page h5.new1 span {padding:3px 4px;}
	
	
	.modal-content h5 {font-size:11px;}
	.modal-content h5 span {padding:3px 7px;}
	#rname, #lblTName, #Directory_ctl02_lblEntryDate {font-weight:bold;}
	#lbldesc1 p{margin-top:15px; font-size:12px;}
	#lbldesc1 h4 {font-size:14px; display:block; width:100%;}

	
	
	#lbldesc2 ul li {list-style:disc; line-height:20px; margin-left:10px; font-size:12px;}
	#lbldesc2 h3 {font-size:14px; font-weight:bold; margin-bottom:10px;}
	#lbldesc3 b {font-weight:bold; margin-bottom:10px;}
	#lbldesc3 table {width:100%; font-size:11px;}
	#lbldesc3 table tr th{padding:6px 0 12px 9px; font-size:12px;}
	
	/*#lbldesc3 table tr td {border:1px solid #666666;}*/
	
	/*
	.tender-page .table {font-size:11px;}
	.tender-page .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {padding:2px;}	
	.terminal-network .table {font-size:12px;}
	*/
	
	.search-wrapper {padding:10px 0 10px 10px;}
	.search-wrapper ul.list {margin-left:20px; font-size:13px;}
	.search-wrapper .time {margin-left:36px;}
	
	/* End breadcrumb */
	
    .company-wrapper { width:54%; height:auto; }
    .company-wrapper figure { width:100%; margin-right:0px; }
    .company-wrapper figure img { width:100%; }
    .company-wrapper h5 { line-height:normal; }
    
    /* BANNER */
    #slider, ul.bjqs, .bjqs-slide, .slide  { height:160px !important }
    
    .home-page .cmd-message { margin-bottom:25px; }
    .home-page .cmd-message figure { margin-bottom:10px; }
    .home-page .cmd-message p { margin-bottom:10px; }
    
    /* KEYS */
    .home-page .keys figure { height:auto; }
    .home-page .keys figure img, .home-page .keys figcaption { position:relative; }
    .home-page .keys figcaption { width:70%; float:right; padding:10px 0px; }
    .home-page .keys figure img { margin-left:0px; padding:4px 15px; display:block; float:left; }
    
    .home-page .col-md-4 .keys { margin-bottom:15px; }
    .home-page .col-md-4:last-child .keys { margin-bottom:0px; }
    
    .home-page .section-margin { margin-bottom:15px; }
    .home-page .col-md-4 .service { margin-bottom:15px; }
    
    .cmd-message figure img { width:75%; }
	
	/* Inner Page */
	.summary .table > tbody > tr > td, .table > tbody > tr > th, .summary .table > tfoot > tr > td, .summary .table > tfoot > tr > th, .summary .table > thead > tr > td, .summary .table > thead > tr > th { padding:0px; }
	.summary .table.flip-control { display:block; position:relative; width:100%; }
	.summary .table.flip-control thead { float:left; display:block; }
	.summary .table.flip-control thead th { display:block; font-weight:normal;  width:190px; }
	.summary .table.flip-control th, .summary .table.flip-control td { height:30px; line-height:30px; padding:0px 5px; }
	.summary .table.flip-control thead tr th { font-weight:300; }
	.summary .table.flip-control thead tr { display:block; }
	.summary .table.flip-control tbody { display:block; position:relative; white-space:nowrap; width:auto; }	
	.summary .table tbody tr, .summary .table tbody td { display:block; }
	.summary .table > thead > tr > th { font-size:13px;}
	
	/* Table List */
	.table.table-mob > thead > tr > td, .table.table-mob > thead > tr > th {padding:1px; font-size:11px;}
	.table.table-mob > tbody > tr > td {padding:4px; font-size:11px;}
	
	.table.table-list .span-labal  { height:auto; line-height:normal; width:calc(100% - 35px); }
	
	
	/* corporate directory */
	.tablesaw {font-size:12px;}
	.tablesaw .table-head {display:none;}
	.tablesaw-stack tbody tr td {border-bottom:none; width:100% !important; font-size:12px;}
	.tablesaw-stack tbody tr {border-bottom:2px solid #CCCCCC;}
	.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {display: block; padding: 0 .6em 0 0;  width: 100%;  display: inline-block; color:#07387b; font-weight:bold;}
	.tablesaw-stack tbody td, .tablesaw-stack tbody th {clear: left; float: left; width: 100%;}
	.tablesaw-stack td, .tablesaw-stack th {text-align: left; display: block;}
	.tablesaw-stack a {color:#07387b;}
	/* end of corporate directory */
	
	.CONCOR-cont-query {margin-top:15px;}

	

	/* Vigcornor Page */
	.HomeTabs .nav-tabs.nav-justified > li {font-size:11px; display:block;}
	.HomeTabs .nav-tabs.nav-justified > li.active a {font-size:11px;}
	
	/* Video Page */
	.video-post-wrapper { display:flex; flex-flow:column wrap; row-gap:25px; } 
	.video-post-wrapper .video-post { width:100%; }	
	
	
	/* Footer */    
    .footer .bottom-footer ul li { margin-bottom:7px; }


}

@media only screen and ( min-width:361px ) and (max-width:767px) {
	.wrapper { margin:0px; }
	
    /* Header */
	.form-group.new-group .text-field {width:70%; float:left; margin-top:16px; padding:0px;}
	form label {margin-top:13px;}
    h5 { font-size:14px; }
	
	.inner-page h5.new  {padding-left:0px;}
	.inner-page h5.new span {padding:3px 0px;}
	.inner-page h5.new1  {padding-left:0px;}
	.inner-page h5.new1 span {padding:3px 10px;}
	
	
	
    .slide { background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; -webkit-background-size:cover; height:400px;  }
	.slide .description { position:absolute; bottom:0px; width:330px;  background:rgba(0,0,0,0.4); padding:2px; right:0px; line-height:normal;  }
	.slide .description h2 { color:#ffffff; text-shadow:#000000 1px 1px; font-size:13px;}	
    .slide { background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; -webkit-background-size:cover; height:400px;  }




    .top-header-wrapper { height:auto; }
    .top-header-wrapper aside { width:100%; display:block; }
    .top-header-wrapper ul { text-align:center; }

    .bottom-header-wrapper { margin:10px 0px; }
    .bottom-header { display:block; }
    .logo-wrapper::after { display:none; }
    .bottom-header-wrapper { background:none; }
    .main-nav-wrapper, .company-wrapper { margin:0px; width:auto; padding:0px; }
	
	.bottom-header-wrapper h5 { margin-top:5px; text-align:center; font-size:12px; }

    .logo-wrapper, .company-wrapper { float:left; display:block; }
    .company-wrapper { float:right; margin-top:8px; }
    .logo-wrapper { width:27%; height:auto; }
    .logo-wrapper h1 { margin:0px 0px 0px 26px; }
    .logo-wrapper h1 img { width:60%; }
    .logo-wrapper .slogan { font-size:10px; }

    .company-wrapper { width:45%; height:auto; }
    .company-wrapper figure { width:100%; margin-right:0px; }
    .company-wrapper figure img { width:100%; }
    .company-wrapper h5 { line-height:normal; }
    
    /* BANNER */
    #slider, ul.bjqs, .bjqs-slide, .slide  { height:190px !important }
    
    .home-page .cmd-message { margin-bottom:25px; }
    .home-page .cmd-message figure { margin-bottom:10px; }
    .home-page .cmd-message p { margin-bottom:10px; }
    
    /* KEYS */
    .home-page .keys figure { height:auto; }
    .home-page .keys figure img, .home-page .keys figcaption { position:relative; }
    .home-page .keys figcaption { width:80%; float:right; padding:10px 0px; }
    .home-page .keys figure img { margin-left:0px; padding:4px 15px; display:block; float:left; }
    
    .home-page .col-md-4 .keys { margin-bottom:15px; }
    .home-page .col-md-4:last-child .keys { margin-bottom:0px; }
    
    .home-page .section-margin { margin-bottom:15px; }
    .home-page .col-md-4 .service { margin-bottom:15px; }
    
    /* CMD MESSAGE */
    .cmd-message figure img { width:40%; }
	
	
	/* corporate directory */
	.tablesaw {font-size:12px;}
	.tablesaw .table-head {display:none;}
	.tablesaw-stack tbody tr td {border-bottom:none; width:100% !important;}
	.tablesaw-stack tbody tr {border-bottom:2px solid #CCCCCC;}
	.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {display: block; padding: 0 .6em 0 0;  width: 55%;  display: inline-block; color:#07387b; font-weight:bold;}
	.tablesaw-stack tbody td, .tablesaw-stack tbody th {clear: left; float: left; width: 100%;}
	.tablesaw-stack td, .tablesaw-stack th {text-align: left; display: block;}
	.tablesaw-stack a {color:#07387b;}
	/* end of corporate directory */
	
	/* Video Page */
	.video-post-wrapper { display:flex; flex-flow:column wrap; row-gap:25px; } 
	.video-post-wrapper .video-post { width:100%; }	
    
    /* SIDEBAR */
    #gallery, #gallery ul.bjqs, #gallery .bjqs-slide { height: 160px !important; }
    .photo-gallery .btn { margin-top:15px; }
    
    .footer .bottom-footer ul li { margin-bottom:7px; }


}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
form label {margin-top:13px;}
	.wrapper { margin:0px; }
	
    .logo-wrapper { width:160px; }
	
	.slide .description { position:absolute; bottom:0px; width:300px; background:rgba(0,0,0,0.4); padding:13px; right:0px; line-height:normal;  }
	.slide .description h2 { color:#ffffff; text-shadow:#000000 1px 1px; font-size:18px;}
	
    .company-wrapper { width: calc(100% - 160px) }
    .company-wrapper figure { margin-right: calc(50% - 246px); width:240px; }
	 .company-wrapper figure img { width:100%; }
    .main-nav-wrapper { margin-left:190px;  width: calc(100% - 160px); }
    
    .company-wrapper h5 { margin-right:5px; }
    
    .bottom-header-wrapper::before, .bottom-header-wrapper::after {width: calc(50% - 360px);}
    
    .main-nav > ul > li { font-size:10px; }
    .main-nav > ul > li > a { padding: 0px 4px; font-weight:600; }
    .main-nav > ul > li > .sub-menu { left:-190px; width:724px; }
    .main-nav .sub-menu .column ul li { line-height:13px; }
    
    .main-nav > ul > li > .sub-menu.two-column-wrapper { width:482px; }
    .main-nav > ul > li > .sub-menu.facilities-menu { left:-290px; }    
    .main-nav > ul > li > .sub-menu.contact-us-menu { left:-98px; } 
    
    /* BANNER */
    #slider, ul.bjqs, .bjqs-slide, .slide  { height:350px !important }
    
    /* SIDEBAR */    
    .sidebar { margin-top:20px; }
    .sidebar .col-md-12 { margin-bottom:0px; }
    .news-wrapper .tab-content { padding:12px 15px; }
    .news-wrapper .tab-content .news-content li { margin-bottom:7px; padding-bottom:7px; line-height:16px;   }
    .usefull-links li { margin-bottom:17px; }
    #gallery, #gallery ul.bjqs, #gallery .bjqs-slide { height: 114px !important; }
    
  .HomeTabs .nav-tabs.nav-justified > li > a { padding:5px 8px;}
	
	/* Video Page */
	.video-post-wrapper { display:flex; flex-flow:column wrap; row-gap:25px; } 
	.video-post-wrapper .video-post { width:100%; }
  
    .footer .top-footer ul { margin-right:33px;  }
}

@media only screen and (min-width : 1024px) and (max-width : 1270px) {
    .map-img {display:none;}
    .slide .description { position:absolute; bottom:0px; width:440px; background:rgba(0,0,0,0.4); padding:15px; right:0px; line-height:normal;  }
	.slide .description h2 { color:#ffffff; text-shadow:#000000 1px 1px; font-size:28px;}
	
	.home-page .service h6 {padding-left:9px; font-size:13px;}
    
    .company-wrapper figure { margin-right: calc(50% - 235px); }
    .bottom-header-wrapper::before, .bottom-header-wrapper::after { width: calc(50% - 470px); }
    
    .company-wrapper h5 { margin-right:5px; }
    
    .main-nav-wrapper { width:calc(100% - 300px);  }
    .main-nav > ul > li > .sub-menu { width:637px;   }
    .main-nav > ul > li > a { padding:0px 6px; }
    .main-nav .sub-menu .column ul li { margin-bottom:4px; }
    
    .main-nav > ul > li > .sub-menu.two-column-wrapper { width:424px; }
    .main-nav > ul > li > .sub-menu.facilities-menu { left:-116px; }    
    .main-nav > ul > li > .sub-menu.contact-us-menu { left:0px; } 
    
    /* BANNER */
    #slider, ul.bjqs, .bjqs-slide, .slide  { height:400px !important }
    
    /* SIDEBAR */
     #gallery, #gallery ul.bjqs, #gallery .bjqs-slide { height: 114px !important; }
     
     .HomeTabs .nav-tabs.nav-justified > li > a { padding:5px 10px !important; font-size:12px;}
	 
	 /* FOOTER */
     .footer .top-footer ul { margin-right:40px; }
     
    
}