@media only screen and (min-width : 768px) {
  .nav.navbar-nav > li:hover > ul.sub-menu{
    display: block;
    -webkit-animation: fadeInUp 400ms;
    animation: fadeInUp 400ms;
  }

  

  /**ul.sub-menu {
    position: absolute;
    top: 32px;
    left: 5px;
    background: #fff;
    padding: 8px 0;
	width: 248px;
    box-shadow: none;
    display: none;
    z-index: 999;
    border: 1px solid #8f8f8f;
  }**/
  
  
    ul.sub-menu {
    position: fixed;
    /**top: 185px;**/
    left: 0px;
    /**background: #f7f7f7;**/
	background: #3d4d53;
    padding: 0;
	width: 100%;
    box-shadow: none;
    display: none;
    z-index: 999;
    border: 1px solid #8f8f8f;

	
	
  }
  
  ul.sub-menu-list li {
	  padding:10px 12px 11px 0px;
	  border-bottom: 1px solid #ffffff;
	  width:50%;	  
  }

  ul.sub-menu-list-3 li {
	  padding:10px 12px 11px 0px;
	  border-bottom: 1px solid #ffffff;
	  width:70%;	  
	  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
       page-break-inside: avoid; /* Firefox */
       break-inside: avoid; /* IE 10+ */
  }
  
  ul.sub-menu-list-4 li {
	  padding:10px 12px 11px 0px;
	  border-bottom: 1px solid #ffffff;
	  width:70%;	  
	  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
       page-break-inside: avoid; /* Firefox */
       break-inside: avoid; /* IE 10+ */
  }
  
  
  ul.sub-menu-last {
  }
  ul.sub-menu li {
  }
  ul.committees-sub-menu {
    left: -100px;
	width: 540px;
 }

  ul.xsub-menu {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style-position: inside;
	-webkit-column-break-inside: avoid;
 }

ul.sub-menu-list {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
    list-style-position: inside;
	-webkit-column-break-inside: avoid;
 }
 ul.sub-menu-list-3 {
   -webkit-column-count: 3;
    column-count: 3;
 }
 
 ul.sub-menu-list-4 {
   -webkit-column-count: 4;
    column-count: 4;
 }
 
 
.sub-menu-list .arrow {
    padding-left: 8px;
}

.sub-menu-list-3 .arrow {
    padding-left: 8px;
}
.sub-menu-list-4 .arrow {
    padding-left: 8px;
}

#header .navbar-nav li ul.sub-menu li a {
    padding-left: 15px;
    padding-right: 10px;
	text-align: left;
	color:#c3c8c9 !important;
	font-weight:500;
  }
  
  ul.sub-menu-list arrow {
   padding-left:5px;
 }  
  

#header .navbar-banner{
  margin: 0px -15px 3px 0px;
}

.fa-caret-up,
.fa-caret-down{
  color:white !important;
  visibility:hidden;
}

}



/* sm */
@media only screen and (max-width : 992px) {

  h1{
    font-size: 25px;
  }

  #header .navbar-nav.navbar-right li {
    padding: 0;
  }

  #header .navbar-nav.navbar-right >li a {
    padding: 6px 3px 6px 3px;
  }

#header .navbar-banner{
  margin: 0px -15px 3px -15px;
  text-align: center;
}
#header .navbar-banner img{
  max-width: 100%;
  max-height: none;
  height: auto;
}

  ul.sub-menu {
    left: -15px;
  }
  ul.sub-menu-last {
    left: -105px;
  }
  ul.committees-sub-menu {
    left: -150px;
  }

  .social-icons{
    padding-top: 5px;
	margin-bottom: 10px;
  }

  #home-slider {
    margin-top: 30px;
  }

  #home-slider .main-slider {
    height: 250px;
  }

  #home-slider .slide-text {
    top: 0;
    width: 50%;
  }

  #home-slider h1 {
    margin-top: 0;
  }

  #home-slider .slider-hill {
    width: 400px;
  }

  #home-slider .slider-house {
    width: 250px;
    right: 90px;
    bottom: -20px;
  }

  #home-slider .slider-sun {
    right: 255px;
    bottom: 65px;
    width: 60px
  }

  #home-slider .slider-birds1 {
    right: 320px;
    bottom: 60px;
    width: 70px;
  }

  #home-slider .slider-birds2 {
    right: 0;
    bottom: 90px;
    width: 80px;
  }

  #team-carousel {
	margin-top: 0px;
  }

  /* Blog */
  .post-comment {
    padding-left: 0;
  }

  .post-comment .pull-left img {
    margin-right: 20px;
  }

  .parrent .post-comment {
    margin-left: 0;
  }

  .parrent .media-list {
    margin-left: 150px;
  }

  .single-blog.two-column .post-overlay{
    margin-top: 0;
  }

  .team-single {
    margin-bottom: 15px;
  }
  
  .single-blog{
  max-height: none;
}

  .sidebar-item .media{
  height: 130px;
}

  #homeWhatsOn {margin-left: 5px !important;}
  #btmItemsContainer {margin-left: 5px !important;}
  .bottom-video { padding-right: 10px !important;}

  .top-title {top: 0px;}
  .mid-slider {padding-bottom: 0px; padding-right: 15px; margin-right: 0px;}
  .mid2-slider {margin-right: -5px;}
  .bottom-slider {padding-right: 10px;}
  .top-icons {top: -5px !important;padding-top: 0px !important;padding-bottom: 0px !important;}
  
  #leftContent {display: none;}
  #breadcrumb #welcomeMsg {margin-left:0px !important;}
  #content {width: 100% !important;}
  .blogContent {width: 100% !important;}
  .annualContainer {width: 100% !important;}
  #footer {margin: 10px 0px 10px 0px !important;}
  #footer .copyright  {margin-top: 0px !important; width: 100% !important;}
  #footer .footer-links  {margin-top: -80px !important; float: left !important;}
  #breadcrumb-container {margin-top:0px !important;}
}

/* xs */
@media only screen and (max-width : 767px) {

  h1{
    font-size: 22px;
  }

  h2{
    font-size:20px;
  }

  .padding{
    padding: 30px 0;
  }

  #header {
    padding-bottom: 0px;
    padding-top: 0px;
  }

  .social-icons ul li{
    padding-bottom: 20px;
  }

#header .navbar-inverse .navbar-collapse {
    padding-left: 28px;
    padding-right: 0px;
}

  #header .navbar-inverse .navbar-toggle,
  #header .navbar-inverse .navbar-toggle:focus {
    border-color: #00aeef;
    margin: 0px -20px 0px 0px;
    outline: none;
  }

  .navbar-header .navbar-toggle .icon-bar {
    background-color: #00aeef;
  }

  #header .navbar-inverse .navbar-toggle:hover {
    background: #00aeef;
  }

  #header .navbar-inverse .navbar-toggle:hover .icon-bar {
    background: #fff;
  }
 
 .pull-right{
	 
	 float:unset!important;
 }
 
#header .navbar-banner{
  margin: 0px -30px 3px 0px;
  }

  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-top: 0;
  }

  .navbar.navbar-inverse {
    margin-top: 0px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .social-icons ul li:first-child{
    padding-left: 0;
  }

  .search {
    top: -60px;
  right: 0px;
  }

.search .login{
	top: -10px;
   left: 10px;
}

.fa-caret-up,
.fa-caret-down {
  color:black !important;
}

#header .dropdown a{
  cursor: pointer;
}

  #header .navbar-nav.navbar-right li > a > i {
    display: inline-block;
    float: right;
    padding: 5px 10px 5px 10px;
  }

  #header .navbar-nav.navbar-right li > a {
    padding: 10px 6px;
    text-align: left;
  }

  #header .navbar-nav li ul.sub-menu li a {
    padding: 5px 10px 5px 30px;
  }
#header .navbar-nav li ul.sub-menu li a:hover,
#header .navbar-nav li ul.sub-menu li a:focus{
}

  #header .navbar-inverse .navbar-nav li.active > a, 
  #header .navbar-inverse .navbar-nav li.active > a:focus, 
  #header .navbar-nav.navbar-right li > a:hover {
    border: none;
  }
  #header .navbar-nav.navbar-right >li:last-child{
  margin-right: 0px;
  }
#header .navbar-nav.navbar-right >li:first-child a{
  margin-left: 0px;
  text-align: left;
}

#header .navbar-right {
  width: 100%;
}

  #home-slider {
    margin: 50px 20px;
  }

  #home-slider .main-slider {
    height: 500px;
  }

  #home-slider .slide-text {
    top: 0;
    width: 100%;
    text-align: center;
  }


  #home-slider .slider-hill {
    right: 50%;
    margin-right: -200px;
  }

  #home-slider .slider-house {
    right: 50%;
    margin-right: -125px;
  }

  #home-slider .slider-sun {
    right: 50%;
    margin-right: 60px;
  }

  #home-slider .slider-birds1 {
    width: 70px;
    right: 50%;
    margin-right: 120px;
  }

  #home-slider .slider-birds2 {
    width: 70px;
    right: 50%;
    margin-right: -200px;
  }


  /* about us */
#team-carousel {
  margin-top: 0px;
}

  #company-information.choose .padding-top {
    padding-top: 0;
  }

  /* Blog */
  .arrow-right:after {
    background: none ;
  }

  .arrow-left:before {
    background: none;
  }

  .col-sm-6.padding-right.arrow-right{
    padding-right: 15px;
  }

  .col-sm-6.padding-left.padding-top.arrow-left {
    margin-bottom: 70px;
    padding-left: 15px;
  }

  .blog-padding-right {
    padding-right: 15px;
  }

  .nav.nav-justified.post-nav li, 
  .nav.navbar-nav.post-nav li{
    display: inline-block;
    margin-right: 15px;
  }

  .author-profile .col-sm-2 img {
    margin-bottom: 20px;
    width: auto;
  }

  .post-comment {
    padding-left: 0;
  }

  .parrent .post-comment {
    margin-left: 0;
  }

  .parrent .media-list {
    margin-left: 140px;
  }

  .post-comment .pull-left img{
    margin-right: 10px;
  }

  .single-blog.two-column .post-overlay{
    margin-top: 0;
  }

  /* Portfolio */

  .project-name h2 {
    margin-top: 20px;
  }

  .portfolio-filter li a{
    padding: 0 15px;
  }

  .sidebar-item .media{
  height: auto;
  min-height: 100px;
}

  .box:hover .simple-caption {
	-moz-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	transform: none;
  }
  #homeWhatsOn {margin: 0px 10px 0px 0px!important; width:100% !important;}
  #homeWhatsContent  #whatsonList {height:300px !important;}
  #btmItemsContainer {margin-top: 0px !important; margin-left: 0px !important; width:240px !important; height:280px !important;}
  .top2-height {height: 140px;}
  .top-title {top: 0px;}
  .bi-title {padding-left:0px;}
  .top-icons {top: -15px !important;padding-bottom: 0px !important; padding-top: 10px !important}
  .title {margin-left: 0px;}
  .mid-slider {padding-left: 15px;}
  .mid2-slider {padding-left: 15px;}
  .bottom-slider {padding-left: 15px; padding-right: 20px;}

  ul.threeColumnList li {width: 45% !important;}
  .block-right img{display: block;}
  .imgResponsive a img {max-width: 100%; height: auto;}
  .full-member{
	width: 100% !important;
	display: block !important;
  }
  #breadcrumb {
    color: #E5E5E5 !important;
  }
  #breadcrumb span{
    color: #333 !important;
  }
  #breadcrumb a{
    display: none !important;
  }
  
    
  #header .navbar-nav li ul.sub-menu li .active{
	 background:#920101 !important; 
	 color:#ffffff !important; 	  
  }

}


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

  #btmItemsContainer {width:98% !important;}
  .box:hover .hidden-caption { max-height: 0px;}
  .navbar-banner  img{max-width: 100%; height: auto;}
  .sitemapItem dl {width:100% !important; }

}

@media only screen and (max-width : 768px){
  .mobile-scroll{
    overflow-y: scroll !important;
    max-height: 500px !important;
  }
}

@media only screen and (max-width : 425px) {
}




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

 
    ul.sub-menu {
    position: fixed;
    /**top: 185px;**/
    left: 0px;
    /**background: #f7f7f7;**/
	background: #3d4d53;
    padding: 0;
	width: 100%;
    box-shadow: none;
    display: none;
    z-index: 999;
    border: 1px solid #8f8f8f;

	
	
  }	
  .nav-pills{
                height:0px !important; 
            }
	
}



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

 
    ul.sub-menu {
    position: fixed;
    /**top: 145px;**/
    left: 0px;
    /**background: #f7f7f7;**/
	background: #3d4d53;
    padding: 0;
	width: 100%;
    box-shadow: none;
    display: none;
    z-index: 999;
    border: 1px solid #8f8f8f;

	
	
  }	
	
}

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

 
    ul.sub-menu {
    position: fixed;
    /**top: 185px;**/
    left: 0px;
    /**background: #f7f7f7;**/
	background: #3d4d53;
    padding: 0;
	width: 100%;
    box-shadow: none;
    display: none;
    z-index: 999;
    border: 1px solid #8f8f8f;

	
	
  }	
	
}

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

 
    ul.sub-menu {
    position: fixed;
    /**top: 185px;**/
    left: 0px;
    /**background: #f7f7f7;**/
	background: #3d4d53;
    padding: 0;
	width: 100%;
    box-shadow: none;
    display: none;
    z-index: 999;
    border: 1px solid #8f8f8f;

	
	
  }	
	
}

@media only screen and (min-width : 1280px) {
    ul.sub-menu {
    position: fixed;
    /**top: 158px;**/
    left: 0px;
    /**background: #f7f7f7;**/
	background: #3d4d53;
    padding: 0;
	width: 100%;
    box-shadow: none;
    display: none;
    z-index: 999;
    border: 1px solid #8f8f8f;

   }
} 

@media only screen and (min-width : 1360px) {
    ul.sub-menu {
    position: fixed;
    /**top: 158px;**/
    left: 0px;
    /**background: #f7f7f7;**/
	background: #3d4d53;
    padding: 0;
	width: 100%;
    box-shadow: none;
    display: none;
    z-index: 999;
    border: 1px solid #8f8f8f;

   }
}  


@media only screen and (min-width : 1440px) {
     ul.sub-menu {
    position: fixed;
    /**top: 160px;**/
    left: 0px;
    /**background: #f7f7f7;**/
	background: #3d4d53;
    padding: 0;
	width: 100%;
    box-shadow: none;
    display: none;
    z-index: 999;
    border: 1px solid #8f8f8f;

   }
}  


@media only screen and (min-width : 1600px) {
     ul.sub-menu {
    position: fixed;
    /**top: 160px;**/
    left: 0px;
    /**background: #f7f7f7;**/
	background: #3d4d53;
    padding: 0;
	width: 100%;
    box-shadow: none;
    display: none;
    z-index: 999;
    border: 1px solid #8f8f8f;

   }
}  


@media only screen and (min-width : 1680px) {
     ul.sub-menu {
    position: fixed;
    /**top: 160px;**/
    left: 0px;
    /**background: #f7f7f7;**/
	background: #3d4d53;
    padding: 0;
	width: 100%;
    box-shadow: none;
    display: none;
    z-index: 999;
    border: 1px solid #8f8f8f;

	
	
  }
}  
@media only screen and (min-width : 1920px) {
 
    ul.sub-menu {
    position: fixed;
    /**top: 170px;**/
    left: 0px;
    /**background: #f7f7f7;**/
	background: #3d4d53;
    padding: 0;
	width: 100%;
    box-shadow: none;
    display: none;
    z-index: 999;
    border: 1px solid #8f8f8f;

	
	
  }	
	
}



ul.sub-menu{
	height:auto !important;

		
}