@media (max-width: 1199px)
{ 	
   .nav-block {
       position: relative;
   }
   .footer-facebook-icon {
       margin-left: 74px;
   }
   .copy-txt {
       float: none;
       margin-bottom: 10px;
   }
   #menu-footer-legal > .menu-item {
       padding: 0px 15px 15px 0;
   }
   #menu-footer-legal {
       padding: 0;
   }
   .footer-facebook-icon {
      margin-top: 23px
   }
   .navbar-default .navbar-nav > li {
      padding: 0px 0 16px 10px;
   }  
   .navbar-header {
      float: left;
      width: 100%;
   }    
   .logo_div_scroll {
      margin-right: 10px; 
      max-width: 130px;
      padding: 21px 0 15px 0;
   }
   .navbar-default .navbar-nav > li > a {  
      letter-spacing: 1px;
    }
   .logo_div 
   {  max-width: 200px;
      padding-top: 13px;
      z-index: 9999;
      position: relative;
      margin-left: 15px;
    }
   .navbar-default .navbar-nav > li > a {
      padding: 16px 18px 16px 0px
   }
}
@media (max-width: 1024px)
{ 	
   .menu-footer .caret{
      display:none;
   }
   .navbar-nav>li>a>.caret {
		border: 0 none;
		display: block !important;
		font: 14px/2 FontAwesome;
		height: 100%;
		padding: 15px 45px 10px 30px;
      position: absolute;
		right: 0;
		top: 0;
	}
	.navbar-nav>li>a>.caret:after {
		content: "\f054"
	} 
	.navbar-nav>li>a>.caret.toggle:after {
		content: "\f078"; 
	} 
   .navbar-header { 
       float: left;
       padding-left: 0px;
       width: 100%;
   }
   .OBS-header-logo {
       width: 260px !important;
       margin-left: 41px !important;
   }
}
@media (max-width: 1023px)
{  
   .logo_div-mobi 
   {
      display: block;
      float: left;
      max-width: 238px;
      padding-left: 30px;
      padding-top: 16px;
      width: 100%;
      z-index: 1;
      padding-right: 23px;
      position: absolute;
   }
   .logo_div-mobi img
   {
      padding: 0px;
      width: 100%;
      z-index: 999;
   }
   #menu-footer-menu > li {
      height: 36px;
   }
   #menu-footer-menu {
       padding: 10px 0 0 0;
   }
   .navbar-default .navbar-nav > li:hover {
       background-color: transparent;
   }
   .menu-item {
      background: transparent;
      box-shadow: none!important;
   }
   .menu-item:hover {
      background: transparent;
   } 
   .main-navi-mobile {
      display: block;
   }
   .main-navi {
      display: none!important;
   }
   .nav-block {
      background: #68223F;
      height: 100%;
      min-height: 100%;
      position: fixed;
      margin-top: 75px !important;
      overflow: auto;
   }
   .navbar-default .navbar-nav > .active > a::after {
       display: none;
   }
   .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus {
      height: 50px;
   }
   .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a {
      height: 50px;
   }
   #menu-main-menu > li a:hover {
      color: #ed1c24
   }
   #menu-legal > .menu-item {
      float: left;
   }
   .navbar-default .navbar-nav > li > a {
   color: #fff;
   font-weight: 600;
   }
   .navigation-space-scroll {
   padding-top: 27px;
   }
   .main-header {
   position: fixed;
   }
   .navigation-space {
   padding-top: 0;
   }
   .OBSlogo {
   display: block!important;
   }
   .main-header {
      height: 90px;
   } 
   .main-body-top {
      margin-top: 90px;
   }
   .navbar-header {
       float: none;
       padding-right: 0px;
       padding-top: 15px; 
   } 
   .header-container {
      width: 100%;   
   }
   .main-navi-scroll {
       position: relative;
       left: auto;
       right: 0px;
       z-index: 999;
       margin-top: 0;
   } 
   .logo_div_scroll {
       float: left;
       max-width: 200px;
       position: absolute;
       width: 100%;
       z-index: 1;
       margin-right: 0;
       padding: 23px 0 15px 15px;
       display: block;
       margin-left: 15px;
   }
   .logo_div {
      display: block;
   }
   .nav-block {
      margin-top:2px;
      display: none;
   }
   #menu-main-menu
   {  float: left;
      margin: 0;
      padding: 0;
      width: 100%;
    }
   #menu-main-menu.navbar-nav
   {  padding: 0 10px 0 16px;
      height: 100%;
      overflow: auto;
    }
   .main-navi-scroll {
       position: absolute;
       left: auto;
       right: 0px;
       z-index: 999;
       margin-top: 0;
   }
   .nav > li 
   {  display: block !important;
      position: relative !important;
      float: none;
    }
   .navbar-fixed-top 
   {  padding: 0;
      height: 90px;
    } 
   .navbar-nav li 
   {  list-style: none;
    }
   .navbar-toggle 
   {  margin: 7px 30px 0 0;
      display : block!important;
      padding: 10px !important;
      background-color: #ffffff;
      border-radius:0;
      color:#82C1BE;
      position: relative;
      border: none;
   } 
	.navbar-collapse.collapse
	{ 	display : none!important;
      border-top: 0 !important;
	 }
	.navbar-nav
	{ 	float : none;
		margin : 0;
	 }
	.navbar-collapse.collapse.in
	{ 	background-color : #68223F;
		display : block!important;
		left : 0;
		min-height : 100%;
		padding : 18px 16px 150px 16px;
		position : fixed;
		right : 0;
		width : 100%;
      height: 100% !important;
      overflow-y: auto !important;
      border-top: 0 !important;
	 }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form
	{ 	background-color: #68223F;
      border-color: transparent; 
      width: 100%; 
      position: fixed; 
      left: 0; 
      right: 0;
      padding: 0 16px 0 16px; 
      border-top: 0 !important;
	 }
   .navbar-nav > li > a 
   {  background-color: transparent;
    }
   .navbar-default .navbar-nav > li, .nav > li {
      float: none;
   }
   .navbar-default .navbar-nav > li {
      padding: 0;
   }
   .navbar-default .navbar-nav > li > a {
       color: #ffffff;
       font-weight: 600;
       font-size: 18px;
   }
   .menu-item {
      float: none;
      padding: 0;
   }
   .navbar-default .navbar-nav > li:hover > a {
      color: #ffffff;
      text-decoration: none;
   }
   .navbar-nav > li > .dropdown-menu {
      margin-bottom: 10px;
   }
   .navbar-default .navbar-nav > li > a {
      height: 56px;
   }
   .navbar-default .navbar-nav > li::after {
       background: transparent; 
       content: '';
       display: none;
       height: 0;
       margin: 0;
       transition: width 0;
       width: 0;
   }
}
@media (max-width: 991px)
{ 	
   .btn-circle {
       font-size: 14px;
       height: auto;
   }
   .btn-circle > p
   {
      display: none;
   }
   .footer-facebook-icon {
       margin-left: 0;
   }
   .footer-menu-icons {
      margin-bottom: 6px; 
   }
   .page-h1 {
       max-width: 100%;
   }
   .h1-subheading {
       width: 100%;
   }
}
@media (max-width: 768px)
{ 	
   .footer-menu-container {
      padding-left: 15px;
   }
   .footer-facebook-icon {
       margin-left: 0;
       margin-top: 45px;
       margin-bottom: 14px;
   }
   .footer-twitter-icon {
       margin-top: 14px;
       margin-bottom: 14px;
   }
   .menu-item { 
      width: auto;
      float: left;
   }
   .page-h1 {
      max-width: 100%;  
      letter-spacing: normal;
   }
   .home-page-header-container {
      margin-top: 30px;
   }
   .h1-subheading {
      max-width: 100%;
   }
   #menu-main-menu.navbar-nav 
   {  padding: 0 0 0 15px
    }
   #menu-legal > .menu-item {
      float: left;  
   }
   h1 {
      padding-top: 0px;
   }
} 

@media (max-width: 767px)
   {  
   .f-icon-g {
      margin-top: 5px;
   }
   .f-icon-p {
      margin-top: 5px;
   }
   .page-content {
      max-width: 100%;
   }
   .page-header-right-icon {
      display: none;
   }
   .logo_div {
       margin-left: 0;
   }
   .logo_div img { 
       margin-left: 15px;
   } 
   .steps-link {
      padding-left:0px; 
   }
   .stepscontainer {
       margin-top: 20px; 
       padding-left: 0;
   }
    #breadcrumbs,
    #breadcrumbs .breadcrumb_last,
    #breadcrumbs a {
       font-size: 12px;
       line-height: 16px;
       max-width: 100%;
   }
   .breadcrumb-container {
      background-color: #ECEFF0;
      height:auto;
      margin-bottom: 30px;
   }
   .inner-page-h1 {
       margin-top: 0px;
   }
   .page-link-container > svg {
       right: 0;
   }   
   .footer-contact-info-icons {
      padding-left: 15px;
   }
   .footer-contact-info {
      padding:15px;
   }
   footer {
      margin-top: 10px;
   }
   #menu-legal > .menu-item {
      float: none;
   }
   .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse
	{ 	margin-left : 0;
		margin-right : 0;
	 }
   .menu-item {
      float: none;
      padding: 0;
   }
	.navbar-collapse
	{ 	padding-left : 0;
		padding-right : 0;
	 }
   .menu-item {
     float: none;
     padding: 0;
   }
   h1 {
    font-size: 26px;
    font-weight: 800;
    line-height: 36px;
   }
}
@media (max-width: 479px)
{    
   .footer-menu-container {
      width: 100%;
   }
   .footer-contact-info-icons {
      width: 100%;
   }
   .copy-txt {
      display: none;
   }
   .copy-txt-container-mobile {
      display: block;
   }
   .menu-footer-legal-container {
      margin-top: 24px;
   }
}