body { 
	overflow-x: hidden !important;
	font-family: Raleway, pyidaungsu !important;
	background-color: #fff !important;	
}
p  {	
	font-size: 16px !important;
	line-height: 31px;color: #5f5f5f !important;
}
span.text, .text  {		
	font-size: 16px !important;
	line-height: 31px;color: #006db8 !important;
}
span.text1  {	
	font-size: 16px !important;
	line-height: 31px;color: #fff !important;
}

@font-face
{
    font-family: Raleway-ExtraLight;
    src: url("font/Raleway-ExtraLight.ttf");
}
@font-face
{
    font-family: Raleway-ExtraBold;
    src: url("font/Raleway-ExtraBold.ttf");
}
@font-face
{
    font-family: Raleway-Bold;
    src: url("font/Raleway-Bold.ttf");
}
@font-face
{
    font-family: pyidaungsu;
    src: url("font/pyidaungsu.ttf");
}
@font-face
{
    font-family: Myanmar3;
    src: url("font/Myanmar3.ttf");
}
h1 {
	font-family: Raleway !important; 
	font-size: 2em;	
             line-height: 40px;
	color: #515151;
	font-weight: bold;
	position: relative;
	top: 4px;
}
h3 {
	font-size: 1.4em;	
	line-height: 40px;
	color: #006db8;
	position: relative;
	font-weight: bold;
}
h4 {
	font-size: 1.2em;	line-height: 6px;
	color: #e45221 !important;
	position: relative;
}
table:hover, td:hover, th:hover, tr:hover {
	 background-color: transparent !important;
}
.regions, .pr-header {background-color: #fff !important;}

#content-suffix {background-color: #fff !important; position: relative; margin-top: 10px;}
#rid-content-suffix {background-color: #fff !important;  margin: 30px 0 20px 0; }

.overlay {z-index:0 !important;}
.field-node--body ul, 
.field-node--body ol, 
.field-node--body dl {padding-left: 1.25rem !important;}
.field-node--body ul li { font-size: 16px !important; line-height: 31px !important;}








/* =============================================================================
 *  Display:none
 * ========================================================================== */	
span.site-branding__text { display:none !important;}
.view-empty, .feed-icons { display:none !important;}
.l-attribution { display:none !important;}
.we-mega-menu-ul .dropdown-menu > a::before, .we-mega-menu-ul .dropdown-menu > span::before { display:none !important;}
li#menu-name--account__log-in { display:none !important;}
.page-node-type--service .field-node--field-description-sv { display:none !important;}
.path-frontpage a.menu__link { display:none !important;}
.pr-leaderboard .block-menu .menu-level-1 { height: 0 !important;} 
span.field__item-wrapper a { display:none !important;} 
.node--type-news-and-events .field-node--field-event-date .datetime { display:none !important;} 
.view-promotion .flex-control-nav { display:none !important;}

.path-webform #block-inquiry, .path-webform #block-inquiry2  { display:none !important;}
#block-sea-lion-account-menu { display:none !important;}
.reload-captcha-wrapper { display:none !important;}






 
/* =============================================================================
 * Logo
 * ========================================================================== */
#block-sea-lion-branding img.site-branding__logo-img { position: relative; top: 19px; left:10px;}
 .site-branding__logo-link { z-index: 100 !important;}
 
   
 
/* =============================================================================
 * phone contact
 * ========================================================================== */

#block-ygnmdycontact .field__item {
	top: -10px; position: relative;
}

#block-ygnmdycontact .ygn {float:left; position: relative; top: 41px;}
#block-ygnmdycontact .mdy {float:left; position: relative; left: 239px;top: 0px;}
#block-ygnmdycontact b { font-family: Arial !important;}
#rid-features-second b { font-size: 15px !important;}
#rid-features-second span, #rid-features-second span.t1 { 
font-size: 16px !important;
  line-height: 22px;
}

 
 
 /* =============================================================================
 * Language
 * ========================================================================== */
 .form-select { font-size: 13px !important; } 

#rid-features-third { position: relative; top: -87px; }

#block-languagedropdownswitcher .form-type-select__select-wrapper:not(.is-multiple) .form-select {
width: 90px !important; 
}

#block-languagedropdownswitcher { float: right; position: relative; top: -20px;}
#address span.t1 { position: relative; top: -2px; left: 10px;}
#address1 span.t1 { position: relative; top: -2px; left: 0;}


.form-type-select__select-wrapper:not(.is-multiple)::after { margin-right: 18px !important; right: -0.45rem !important;} 
.pr-features .arc--3 .l-r:last-child, .pr-features .hr--2-3 .l-r:last-child { width: 100% !important;} 






/* div.sf-accordion-toggle.sf-style-none > a::after {
	
	font-size: 3rem !important; 
	color: #fff !important;
}

 */


 /* =============================================================================
 *  Main Menu
 * ========================================================================== */	
#rid-navbar {
    left: 37px;
    position: relative;
} 
#navbar, .pr-navbar .regions { background: #334470 !important;}
a.we-mega-menu-li:hover {background-color: #e45221 !important;}
.we-mega-menu-ul > .we-mega-menu-li {border-left:none !important; }
.pr-navbar{ background-color: #334470 !important;height: 58px; border-bottom: 1px solid transparent !important;  }
.navbar-we-mega-menu, .we-mega-menu-ul > .we-mega-menu-li > a {background-color: #334470 !important; }
.we-mega-menu-ul > .we-mega-menu-li > a { padding: 0 30px !important; }
.navbar-we-mega-menu.navbar .nav-tabs > li.active > a, .navbar-we-mega-menu.navbar .nav-tabs > li.active > a:focus, .navbar-we-mega-menu.navbar .nav-tabs > li.active > a:hover {background-color: #334470 !important;}
li.we-mega-menu-li a,
.we-mega-menu-ul > .we-mega-menu-li > a:hover, 
/* .we-mega-menu-ul > .we-mega-menu-li > a:focus, */
.navbar-we-mega-menu.navbar .nav-tabs > li.active > a:hover
{ font-size: 15px !important; font-weight: normal !important; color: #fff !important; background-color: #e45221 !important;}
.navbar-we-mega-menu .we-mega-menu-row > * {
	margin-left: 5px !important;
	margin-right: 0 !important;
	margin-bottom: -4px !important;
	margin-top: 0px !important;	
}
.navbar-we-mega-menu .pt .we-mega-menu-row > * {
	margin-left: 4px !important;
	margin-right: 0 !important;
	margin-bottom: 1px !important;
	margin-top: 0px !important;	
}
.navbar-we-mega-menu .nav-tabs { height: 57px !important;}
a.we-mega-menu-li { padding: 10px !important;}
.we-mega-menu-submenu li.we-mega-menu-li a  { background: #334470 !important;} 
.we-mega-menu-submenu li.we-mega-menu-li a:hover  { background: #e45221 !important;}


.we-mega-menu-ul .dropdown-menu .dropdown-menu:first-child > .we-mega-menu-submenu { margin-top: 0rem;}
.navbar-we-mega-menu .we-mega-menu-row {margin-left : -7px; }
.we-mega-menu-submenu-inner {margin-bottom: -17px;}
.we-mega-menu-submenu > .we-mega-menu-submenu-inner { min-height: 0;}
.navbar-we-mega-menu .we-mega-menu-row { margin-right: -2.064% !important;}
.navbar-we-mega-menu .we-mega-menu-row {margin-left: -6px !important;}




/* For Arrow Icon */
.we-mega-menu-ul .dropdown-menu .dropdown-menu > a::after, .we-mega-menu-ul .dropdown-menu .dropdown-menu > span::after {
right: 1rem !important;
}
.we-mega-menu-ul > .dropdown-menu > a, .we-mega-menu-ul > .dropdown-menu > span {
padding-right: 2.375rem !important;
}
.we-mega-menu-ul > .we-mega-menu-li > a::after { opacity: 1 !important;}
.we-mega-menu-ul .dropdown-menu > a::after, .we-mega-menu-ul .dropdown-menu > span::after { opacity: 1 !important;}




 /* =============================================================================
 *  Sub Menu
 * ========================================================================== */	
 .nav-tabs > li > a { margin-right: 0 !important;}
li.pt a  { background: #334470 !important;} 
.we-mega-menu-submenu-inner { margin-bottom: -13px !important;}
.pt .we-mega-menu-submenu-inner  {
	margin-bottom: 27px !important;
	margin-left: -22px !important;
	margin-right: -1px !important;
}
.md .we-mega-menu-submenu-inner {
	margin-bottom: -19px !important;
	margin-left: -4px !important;
	width: 230px !important;
}
.ct .we-mega-menu-submenu-inner {
	margin-bottom: -123px !important;
	margin-left: -4px !important;
}
.nl .we-mega-menu-submenu-inner {
	margin-bottom: -139px !important;
	margin-left: -4px !important;
	width: 200px !important;
}


.we-mega-menu-submenu {background-color: #334470 !important; padding: 0 !important;}
.we-mega-menu-submenu:hover {background-color: #334470 !important;}
.we-mega-menu-submenu li.we-mega-menu-li {
border-bottom: 1px solid transparent !important;
}
.we-mega-menu-submenu li.we-mega-menu-li.active > a, .we-mega-menu-submenu li.we-mega-menu-li.active > a:hover, .we-mega-menu-submenu li.we-mega-menu-li.active > a:focus, .we-mega-menu-submenu li.we-mega-menu-li.active > .we-megamenu-nolink
{border-bottom-color:  #1d3165 !important; }
.we-mega-menu-submenu li.we-mega-menu-li:first-child > a, .we-mega-menu-submenu li.we-mega-menu-li:first-child > span {background-color: #334470 !important;}
.we-mega-menu-submenu li.we-mega-menu-li:first-child > a:hover, .we-mega-menu-submenu li.we-mega-menu-li:first-child > span:hover
 {background-color: #e45221 !important;} 
nav[data-animation="Slide"]:not(.click-action) .we-mega-menu-ul .we-mega-menu-li.dropdown-menu.open > .we-mega-menu-submenu, nav[data-animation="Slide"] .we-mega-menu-ul .we-mega-menu-li.dropdown-menu.clicked > .we-mega-menu-submenu, nav[data-animation="Slide"]:not(.admin) .we-mega-menu-ul .dropdown-menu:hover:not(.clicked) > .we-mega-menu-submenu, nav[data-animation="Slide"]:not(.admin) .we-mega-menu-ul .dropdown-menu:focus:not(.clicked) > .we-mega-menu-submenu
 { margin-top: 0px !important; z-index: 9999 !important; }
 
 

.region-we-mega-menu .nav li.dropdown-menu.active > .we-mega-menu-li,
.region-we-mega-menu .nav > li.dropdown-menu.active > a:hover {
background: #e45221 !important;
color: #fff !important; 
}

.region-we-mega-menu .nav li.we-mega-menu-li.active > .we-mega-menu-li,
.region-we-mega-menu .nav > li.we-mega-menu-li.active > a:hover {
background: #e45221 !important;
color: #fff !important; 
}

.region-we-mega-menu .nav li.dropdown-menu.active a.we-megamenu-nolink {
background: #e45221 !important;
color: #fff !important; 
}




.we-mega-menu-ul .dropdown-menu .dropdown-menu:first-child > .we-mega-menu-submenu { margin-top: 0rem;}
.navbar-we-mega-menu .we-mega-menu-row {margin-left : -7px; }
.we-mega-menu-submenu-inner {margin-bottom: -17px;}
.we-mega-menu-submenu > .we-mega-menu-submenu-inner { min-height: 0;}
.navbar-we-mega-menu .we-mega-menu-row { margin-right: -2.064% !important;}
.navbar-we-mega-menu .md .we-mega-menu-row {margin-left: -2px !important;}


 

 /* =============================================================================
 *  Slider
 * ========================================================================== */	
.views_slideshow_cycle_slide,
.views_slideshow_cycle_slide .views-field-field-sliderimg,
.views_slideshow_cycle_slide .views-field-field-sliderimg img {
	width: 100vw !important;	
	height: 587px !important;
}
.views_slideshow_cycle_slide .views-field-body{
	position: absolute;
	top: 10.1em;
	width: 70%;
	margin-left: 5em;
	padding: 20px;
	border-radius: 0px 0px 10px 10px;
}
.views_slideshow_cycle_slide .views-field-body p {
	font-family: Raleway-ExtraLight !important;
    src: url("font/Raleway-ExtraLight.ttf") !important;
	color: #fff !important;
	font-size: 2.4em !important;
	line-height: 39px !important;
}
.views_slideshow_cycle_slide .views-field-body h1 {
	font-family: Raleway-ExtraBold !important;
    src: url("font/Raleway-ExtraBold.ttf") !important;
	text-transform: uppercase;
	font-size: 3em !important;
	font-weight: bold;
	color: #fff !important;
	line-height: 66px;
}
.field-name-field-sliderimg img{
	width: 100%;
    height: auto;
}
.views_slideshow_cycle_slide .views-field-body a{
	background: #e45221 !important;
	padding: 17px 57px;
	margin-top: 10px;
	float: left;
	text-transform: uppercase !important;
	font-size: 15px !important;
	color: #fff;
	border-radius: 28px;
	font-weight: bold;
}
.views_slideshow_cycle_slide .views-field-body a:hover{
	background: #334470 !important;
	color: #fff;
	text-decoration: none !important;
}
.views-slideshow-controls-bottom {
	top: -57px; position: relative; z-index: 9;
}
#widget_pager_bottom_slider-block_1 li {
	background: url("images/bullet.png") !important; 
	background-repeat: no-repeat !important;
	width: 20px;
	height: 20px;
}
#widget_pager_bottom_slider-block_1 li.active {
	background: url("images/select_bullet.png") !important; 
	background-repeat: no-repeat !important;
	width: 20px;
	height: 20px;		
}




 /* =============================================================================
 *  partner logos
 * ========================================================================== */	
#highlighted { background-color: #fff !important;}
#block-inpartnershipwith h2 {
	font-size: 2rem !important;
	text-transform: uppercase;
	color: #000 !important;
	font-weight: bold !important;
	text-align: center;
}
#block-bkkhospital img, #block-bkkhospitalchiangmai img, #block-bdmswellnessclinic img, #block-stem21cells img {
	float: left;
}
#block-partnerlogos thead, 
#block-partnerlogos tbody, 
#block-partnerlogos tr, 
#block-partnerlogos th, 
#block-partnerlogos td {
	border-color: transparent !important;
}
#block-partnerlogos table:hover {
 background-color: transparent !important;
}





 /* =============================================================================
 * Promotion and Packages
 * ========================================================================== */	
.flexslider {
	margin: auto !important;
	width: 90% !important;	
}
#block-promotionpackages h2 {	
	text-align: center;
	color: #000 !important;	
}
#block-promotionpackages p {
	margin: auto !important;
	width: 80% !important;
}
a.flex-prev {
	background: url("images/left_arrow.png") !important; 
	background-repeat: no-repeat !important;
	width: 32px;
	height: 234px;		
}
a.flex-next {
	background: url("images/right_arrow.png") !important; 
	background-repeat: no-repeat !important;
	width: 32px;
	height: 234px;	
}
.flexslider:hover .flex-direction-nav .flex-prev {
	left: -58px !important;
	border: 1px solid transparent;
	width: 100% !important;	
	color: transparent !important;	
}
.flexslider:hover .flex-direction-nav .flex-next {
	border: 1px solid transparent !important;
	width: 100% !important;
	color: transparent !important;
	float: right !important;
	position: absolute;
	right: -63px !important;
	background-position: 100% 0 !important;
	/* z-index: 99999 !important; */
}
li.flex-nav-prev::marker, li.flex-nav-next::marker {
	color: transparent !important;
	background: none !important;
}

.flex-direction-nav a.flex-next:before,
.flex-direction-nav a.flex-prev:before
 {
	color: transparent !important;background: none !important;
}	
 
 
 
 
 
/* =============================================================================
 * Air Ambulance Service
 * ========================================================================== */	
#block-airambulanceservice h2, #block-onestopservice h2 {
	text-align: center;
	color: #000 !important;	
}
#block-airambulanceservice img, #block-onestopservice img  {
	margin-bottom: 30px;
}
#block-airambulanceservice p, #block-onestopservice p {
	text-align: center;	
}
#block-airambulanceservice .field-name-body p a, #block-airambulanceservice .field-name-body p a:hover ,
#block-onestopservice .field-name-body p a,  .field-name-body p a:hover {
	background: transparent !important;
	padding: 0 !important;
	top: 0 !important;
}
#block-airambulanceservice .field-name-body div a, #block-onestopservice .field-name-body div a {
	background: #e45221 !important;
	padding: 17px 57px;
	top: 4px;
	position: relative;
	text-transform: uppercase !important;
	font-size: 15px !important;
	color: #fff;
	border-radius: 28px;
	font-weight: bold;
}
#block-airambulanceservice .field-name-body div a:hover, #block-onestopservice .field-name-body div a:hover{
	background: #334470 !important;
	color: #fff;
	text-decoration: none !important;
} 
.node--type-service .field-node--field-service-img img {
width: 834px !important; 	
}
 
 
 
 
 
/* =============================================================================
 * Calendar
 * ========================================================================== */	
#block-views-block-calendar-block-1 h2 {
	text-align: center !important;
}
.fc-toolbar {
	background-color: #0f3073 !important; 
	color: #fff !important;
	margin-bottom: 0 !important;
}

.fc-day-header span {color: #fff !important;}
th.fc-day-header {
	line-height: 50px !important;
	border:1px solid #fff !important;
	background: #0c4ec8 !important;
}
.fc-day-top {
	background-color: #cdd9ef !important; 
	color: #8c8f96 !important;
}
/* 
.fc-head-container, .fc-head { background: #0c4ec8 !important;} */

  
/* =============================================================================
 * Follow up facebook
 * ========================================================================== */	
#rid-content-suffix h2 {
	text-align: center !important;
}	

  
/* =============================================================================
 * Footer title
 * ========================================================================== */
#footer {
	background: #020434 !important;
	width: 100%;
		
}
#rid-footer { background-color: #020434 !important; }
.path-frontpage #block-sealionmedicalreferralcentre h1,
.path-not-frontpage #block-sealionmedicalreferralcentre h1   {
	font-family: Raleway-ExtraBold !important;
    src: url("font/Raleway-ExtraBold.ttf") !important;
	font-size: 2.5rem !important;
	color: #e4521f !important;
	text-align: center;
	display:block;
	width: 76%;
	text-transform: uppercase;
	top: 34px;
}
.path-frontpage #block-sealionmedicalreferralcentre h2,
.path-not-frontpage #block-sealionmedicalreferralcentre h2 {
	font-family: Raleway-Bold !important;
    src: url("font/Raleway-Bold.ttf") !important;
	font-size: 2.2rem !important;
	color: #6d6e72 !important;
	text-align: center;
	top: -20px;
	left: 92px;
	position: relative; 
}
.sealion {
	font-size: 20px !important;
	color: #e4521f !important;
	text-transform: uppercase;
	font-weight: bold;
}
.travel {
	font-size: 21px !important;
	color: #6d6e72 !important;
	font-weight: bold;
}



/* =============================================================================
 * ygn and mdy offices
 * ========================================================================== */
#block-yangonoffice { width: 50%;float:left;}
#block-mandalayoffice { width: 50%;float:right;z-index:1;}
#block-yangonoffice h3, #block-mandalayoffice h3 {
	text-transform: uppercase; 
	font-size: 1.4rem !important;
	font-weight: bold !important;
	line-height: 0 !important;
	margin-bottom: 20px;
}
#block-yangonoffice p, #block-mandalayoffice p {
	color: #fff !important;
}
#block-yangonoffice .field-block-content--body {
	position: relative;
    left: 57px;
	z-index:10;
}
#block-mandalayoffice .field-block-content--body {
	position: relative;
}




/* =============================================================================
    copyright
 * ========================================================================== */

#line img { display:block; z-index:9 !important;}
#block-copyright p { text-align:center !important; color: #fff !important; line-height: 10px;}
#block-copyright .field-block-content--body {	
    position: relative;
    top: 0;		
}





/* =============================================================================
 * Font Awesome
 * ========================================================================== */
.fa-facebook{
	background: #3B5998;
	color: #FFFFFF;
  padding: 0.05em 0.3em;
}
.fa{ 	
	background-color: #fff !important;
	color: #e45221 !important;
	font-size: 3em !important;
	margin-right: 10px;
}




/* =============================================================================
 *Breadcrumb
 * ========================================================================== */
#block-sea-lion-breadcrumbs {
	left: 12px;
	position: relative;
} 
.breadcrumb {
	background-color: #fff !important;
}
.breadcrumb a { color: #a2a3a4 !important;}
a.breadcrumb__link:hover { color: #0066cc !important; }




/* =============================================================================
 * Content page
 * ========================================================================== */
#content-prefix, #main-content { 	background-color: #fff !important;}
.node { /* padding: 40px !important;  */-webkit-box-shadow: none !important; box-shadow: none !important; margin-right: 30px;}
.webform-submission-form  {padding: 1.25em;}


#rid-content h1.page__title {
	font-size: 2em !important;
	color: #000 !important;
	text-transform: uppercase !important;
	left: 24px !important;
	position: relative;
}
h1.node__title, #rid-content span.field-name-title {
	font-size: 1.3em !important;
	color: #000 !important;
	text-transform: uppercase !important;
	left: 0 !important;
	position: relative;
}
.field-node--body h2 {
	font-size: 1.5rem !important;
}




/* =============================================================================
 * News page
 * ========================================================================== */
.view-ourservices .views-field-title span.field-content a  { 
	 font-family: Raleway !important; 
	 color: #0066cc;
	 font-size: 17px;
     line-height: 29px;
}
.view-ourservices .views-field-title span.field-content a:hover { 
	 color: #232323;
	 text-decoration: none;
}
.view-news-events .views-field-title span.field-content a { 
	 font-family: Raleway !important; 
	 color: #5f5f5f;
	 font-size: 17px;
     line-height: 29px;
}
.view-news-events .views-field-title span.field-content a:hover{ 
	 color: #0066cc;
	 text-decoration: none;
}

.node--type-news-and-events .datetime,.views-field-field-postdate-s .datetime,
.node--type-service .field-node--field-postdate-s { display:none !important;} 
.view-news-events .views-field-view-node span.field-content a {
	background: #e45221 !important;
	padding: 12px 23px;
	position: relative;
	text-transform: uppercase !important;
	font-size: 15px !important;
	color: #fff;
	border-radius: 28px;
	font-weight: bold;
}
.view-ourservices .views-field-view-node span.field-content a {
	background: #e45221 !important;
	padding: 12px 23px;
	position: relative;
	text-transform: uppercase !important;
	font-size: 15px !important;
	color: #fff;
	border-radius: 28px;
	font-weight: bold;
top: 30px;
}

.view-news-events .views-field-view-node span.field-content a:hover {
	background: #334470 !important;
	color: #fff;
	text-decoration: none !important;
} 
.view-ourservices .views-field-view-node span.field-content a:hover {
	background: #334470 !important;
	color: #fff;
	text-decoration: none !important;
top: 30px;
} 


.views-field-field-post-date { color: #fe0000; line-height: 37px;}
.views-field-field-new-img a img, .view-display-id-page_1 .views-field-field-service-img a img { 
	width: 403px !important;
	height: 250px !important;
	margin-top: 0px; 
	margin-bottom: 20px;
}
.views-view-grid.cols-2 .views-col.col-1 {
	flex-basis: 50% !important;
	margin-bottom: 50px;
	left: 24px;
	position: relative;
}
.views-view-grid.cols-2 .views-col.col-2 {
	flex-basis: 50% !important;
	position: relative;
	left: 39px;
}
.view-ourservices .views-field-field-postdate-s { line-height: 65px;}
.view-ourservices .col-2, .view-ourservices .col-2{ position: relative; left: 20px;}

.views-field-field-seminar .field-content {
	font-family: Raleway !important; 
	font-size: 1.5em;	
	font-weight:bold;
	line-height: 42px;
	color: #e45221 !important;
	position: relative;
}
.view-news-events {
	margin-left: 20px;
	position: relative;
}
.view-news-events .views-field-field-post-date { line-height: 29px;}




/* =============================================================================
 * Related news block
 * ========================================================================== */
.view-display-id-block_2 .views-row {
	border-bottom: 1px solid #eee;
}
#views-blocknews-events-block-2 .view-news-events .views-row { 
	position: relative; 
	border-bottom: 1px solid #eee;
    margin-bottom: 6px;
    padding-bottom: 11px;
}
.view-display-id-page_1 .views-row { 
	position: relative; 
	border-bottom: 1px solid #eee;
    margin-bottom: 14px;
    padding-bottom: 11px;
}






/* =============================================================================
 * Related service block
 * ========================================================================== */
#rid-sidebar-second h2.block__title span {
	font-size: 0.7em !important;
	font-weight: bold;
	color: #000 !important;
	text-transform: uppercase !important;
	background: #ebeff2;
	padding: 10px 20px;
	margin-bottom: -15px;
	display: block;
}
#rid-sidebar-second .views-field-title span.field-content a {
	font-size: 1.2em !important;
	color: #5f5f5f !important;
	display: block;
/* 	padding: 25px 20px 2px 20px; */
     padding: 25px 0 2px 0; 
	position: relative;
	top: -10px;
}
#rid-sidebar-second .views-field-title span.field-content a:hover { 
	color: #0066cc !important;
	text-decoration: none !important;
}
#rid-sidebar-second .views-field-body p { line-height: 23px;}



 
 
/* =============================================================================
 * Years Button
 * ========================================================================== */
.form--inline .form-actions { height: 10px !important; border:1px solid transparent;}
 
 


/* =============================================================================
 * Media Queries
 * ========================================================================== */
@media screen and (max-width: 1279px) {

#block-facebook2{
	float: left;
	background:#fff !important;
	margin-bottom: 20px;
}
.l-content-suffix .regions { background-color: #fff !important;}
#rid-header-first {  margin-left: 0; width: 100% !important;}
#rid-header-second   { margin-left: 0; width: 100% !important; }

}



@media screen and (min-width: 1280px) {
#rid-header-first {  margin-left: 12px; width: 45% !important;}
#rid-header-second   { margin-left: 100px; width: 45% !important; }
	
	#rid-content-suffix {background: #fff !important;}
	
	#block-facebook2 {
		width: 578px !important;
		float: left;margin-left: 39px;
		background: #fff !important;
		position: relative;
	}
	#block-facebook1 { width: 578px !important; float:left; position: relative;	margin-left: 64px;	}
	#content-suffix .regions {background-color: #fff !important;}
	

#rid-sidebar-second { width: 26% !important; margin-right:5px; margin-top: 14px; }
#webform-submission-inquiry-add-form { position: relative; left: 24px; }


#block-sea-lion-page-title h1.page__title {
	font-size: 2em !important;
	color: #000 !important;
	text-transform: uppercase !important;
	left: 24px !important;
	position: relative;
	
}

  /* =============================================================================
 * News Years Button
 * ========================================================================== */
#views-exposed-form-news-events-page-1 .form-type-select__select-wrapper:not(.is-multiple)::after {	
	margin-right: 14px !important;
}
.form--inline .form-item {margin-right: 0.75rem !important;}
 
.form--inline .form-item {
	float: right !important;
    margin-right: 7.75rem !important;
}
#views-exposed-form-news-events-page-1 .form-actions .button{
	float: right !important;
	right: -686px !important;
	position: relative !important;
	top: -18px !important;
}
}


@media screen and (min-width: 320px) and (max-width: 400px) { 
 #block-mainmenu .region-we-mega-menu {
float: right;
    position: relative;
    right: 15px;
    width: 50px;
    top: -30px !important;
	}
.pr-features .regions { height: 72px !important;}	
#block-sea-lion-branding img.site-branding__logo-img {
top: 17px; position: relative; width: 67%;}
.site-branding__logo-link { z-index:1 !important;}

}

@media screen and (min-width: 401px) and (max-width: 600px) { 
 #block-mainmenu .region-we-mega-menu {
float: right;
    position: relative;
    right: 15px;
    width: 50px;
    top: -19px !important;
	}
.pr-features .regions { height: 72px !important;}	
#block-sea-lion-branding img.site-branding__logo-img {
top: 17px; position: relative;}
}



@media screen and (max-width: 480px) {
#rid-features-second { display:none !important;}
#navbar, .pr-navbar .regions {    background: #fff !important;}
#rid-navbar { left: 0 !important;}

#block-languagedropdownswitcher {
float: right;
    position: relative;
    top: 131px; display:none !important;
}


/* #edit-lang-dropdown-select,
#block-languagedropdownswitcher, 
#block-languagedropdownswitcher .form-type-select__select-wrapper:not(.is-multiple) .form-select {
	display:none !important;
}*/
#block-languagedropdownswitcher .form-type-select__select-wrapper:not(.is-multiple)::after {
	margin-right: 46px !important;
}
.views-exposed-form .form-type-select__select-wrapper:not(.is-multiple)::after {
	margin-right: 26px !important;
}

	
	
	.views_slideshow_cycle_slide,
	.views_slideshow_cycle_slide .views-field-field-sliderimg,
	.views_slideshow_cycle_slide .views-field-field-sliderimg img {
		 width: auto !important; 
 	             max-width: 1920px !important; 
		left: -10px;
		position: relative; 
	} 
	.views_slideshow_cycle_slide .views-field-body {
	            width: 90vw;
		margin-left: 0px;
		top:4em; 	
	}	
	#block-partnerlogos tr, 
	#block-partnerlogos th, 
	#block-partnerlogos td {
		float: left !important;
		width: 100%;
	}
	#block-partnerlogos img {
		max-width: 100%;
		height: auto;
		float: left;
		width: 100% !important;
		margin-left: 0 !important; 
		margin-top: 30px;
	}

	#block-yangonoffice .field-block-content--body { width: 100% !important; }
	#footer { 
		background: #020434 !important;
		height: auto !important;
	}
	#footer .regions {
		background-color: #020434 !important;
	}
	

/* webform text*/
#block-contentf1b117a5-f0e1-40ac-90e1-cb2eb5931a03 .field-block-content--body p,
#block-content76660bea-5ad0-4864-a202-5e45db9a9064 .field-block-content--body p {
	position: relative;
	left: 0;
}	
}










@media screen and (min-width: 481px) {
	
/* webform text*/
#block-contentf1b117a5-f0e1-40ac-90e1-cb2eb5931a03 .field-block-content--body p,
#block-content76660bea-5ad0-4864-a202-5e45db9a9064 .field-block-content--body p {
	position: relative;
	left: 24px;
}
#block-partnerlogos img {
	max-width: 70%;
	height: auto;
	float: left;
}

#block-partnerlogos .p1 img { max-width: 76%;}
#block-partnerlogos .p2 img { max-width: 87%;}
#block-partnerlogos .p3 img{ max-width: 87%; left: 27px; position: relative;}
#block-partnerlogos .p4 img { max-width: 87%; left: 42px; position: relative;}
#block-partnerlogos .p5 img { max-width: 56%; left: 77px; position: relative;}

.l-r, .l-rw { padding: 0 !important;} 	
.path-our-services #rid-content, #rid-content{ width: 72% !important;}

.path-not-frontpage #rid-content {
    width: 66% !important;
    margin-right: 75px;
}
}




@media screen and (min-width: 481px) and (max-width: 979px) { 
#rid-features-second { top: -55px !important;position: relative; }
.pr-features { height: 330px !important;}
#block-sea-lion-branding img.site-branding__logo-img { top: -22px !important;}

#block-yangonoffice .field-block-content--body, #block-mandalayoffice .field-block-content--body {
	left: 9px !important; position: relative;
}
#block-yangonoffice,#block-mandalayoffice { width: 100%;}
	#footer { 
		background: #020434 !important;
		height: auto !important;
	}
	#footer .regions {
		background-color: #020434 !important;
	}
	
.view-display-id-page_1 .views-field-field-new-img a img, .view-display-id-page_1 .views-field-field-service-img a img {
	width: 100% !important;
height: auto !important;	
}
#special-offer { top: 0;}

	
}

@media screen and (min-width: 768px) and (max-width: 1280px) { 

.views_slideshow_cycle_slide .views-field-body {
    width: 90vw;
    margin-left: 0px;
    top: 0.5em !important;
}

}


@media screen and (min-width: 768px) and (max-width: 979px) {
#block-ygnmdycontact { position: relative; top: -10px;left: 10px;}
#rid-features-second {left: -8px;}

}

@media screen and (min-width: 980px) and (max-width: 1280px) {

#rid-features-second {
	position: relative;
	top: 7px;
	left: 46px;
}
#block-ygnmdycontact .mdy {
    float: left;
    position: relative;
    left: 0px;
    top: 40px;
}
}




 @media screen and (min-width: 992px) {
.we-mega-menu-submenu li.we-mega-menu-li.active > a, 
.we-mega-menu-submenu li.we-mega-menu-li.active > a:hover, 
.we-mega-menu-submenu li.we-mega-menu-li.active > a:focus, 
.we-mega-menu-submenu li.we-mega-menu-li.active > .we-megamenu-nolink
 {border-bottom-color: 1px solid #334470 !important;}
 }
 
 
 
@media screen and (min-width: 320px) and (max-width: 480px) {





#block-yangonoffice, #block-mandalayoffice { width: 100% !important; float:left;}
	
#block-yangonoffice .field-block-content--body  { left: 0 !important;}
#block-mandalayoffice .field-block-content--body  { left: 0 !important;}
.views-view-grid.cols-2 .views-col.col-1 {
	flex-basis: 47% !important;
	margin-left: 0px;
	left: 0 !important;
	padding: 0;
	width: 100% !important;
}
.views-view-grid.cols-2 .views-col.col-2 {
	flex-basis: 50% !important;
	margin-left: 0 !important;
	left: 0 !important;
	padding: 0;
	width: 100% !important;
}
.view-display-id-page_1 .views-field-field-new-img a img, .view-display-id-page_1 .views-field-field-service-img a img {
	width: 100% !important;
height: auto !important;	
}
.node { margin-right: 0 !important; padding: 0 !important;}
.view-ourservices .col-2, .view-ourservices .col-2 {left: 0 !important;}
div#viewerContainer { height: 400px !important; border: 1px solid red !important;}
#rid-content h1.page__title,#block-sea-lion-breadcrumbs  {left: 0 !important;}
.breadcrumb { padding: 0 !important;}

}


 
 
@media screen and (min-width: 320px) and (max-width: 1300px) { 

/* body, #content-prefix, #main-content { overflow-x:hidden !important;} */
.page { overflow-x:hidden !important; }


.navbar-we-mega-menu.navbar .nav-tabs > li.active > a:hover,
.we-mega-menu-submenu li.we-mega-menu-li a:hover, .we-mega-menu-submenu li.we-mega-menu-li a:focus 
   { font-size: 15px; font-weight: normal !important; color: #fff !important; background-color:#e45221 !important;}
a.we-mega-menu-li:hover { font-size: 15px; font-weight: normal !important; color: #fff !important; background-color:#e45221 !important;}

.path-frontpage table {
	width: 100% !important;
	overflow: auto !important; 
}


.path-not-frontpage table {
	width: 100% !important;
	overflow: auto !important; 
	display: block;
}

}




 
/* @media screen and (min-width: 981px) and (max-width: 1300px) { 
 body {overflow-x: hidden !important;}
} */


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

.breadcrumb { left: 0 !important;}	
.region-we-mega-menu { margin-left: -12px !important;}	
#iframe { width: 100% !important; height: auto !important;}	
}


@media screen and  (width: 1280px) {
	
#rid-navbar { left:0 !important;}	
.path-frontpage #block-sealionmedicalreferralcentre h2, .path-not-frontpage #block-sealionmedicalreferralcentre h2 {left: 78px !important;}
.path-frontpage #block-sealionmedicalreferralcentre h1, .path-not-frontpage #block-sealionmedicalreferralcentre h1 {left: -10px !important;}
}

@media screen and  (width: 980px) {
	
#rid-navbar { left:0 !important;}	
.path-frontpage #block-sealionmedicalreferralcentre h2, .path-not-frontpage #block-sealionmedicalreferralcentre h2 {left: 78px !important;}
.path-frontpage #block-sealionmedicalreferralcentre h1, .path-not-frontpage #block-sealionmedicalreferralcentre h1 {left: -10px !important;}
#block-mainmenu ul li a { padding: 20px 35px 15px 42px;}

} 


@media screen and  (width: 768px) {
#block-languagedropdownswitcher {top: -127px;}
}


@media screen and  (min-width: 1301px) {
 .l-pr ,.l-rw, .l-r { padding:0 !important;}
 .view-newsletter { position: relative; left: 24px;}
}
 
 


 
@media screen and (max-width: 1279px) {
#views-exposed-form-news-events-page-1 .form-actions .button{
position: relative !important;
    top: -48px !important;
    left: 67px;
}
select#edit-field-years-categories-target-id-1 {left:0 !important;}
.nl .we-mega-menu-submenu-inner { margin-bottom: 0 !important;}


}	
 
 


 
@media screen and (max-width: 980px) {
.navbar-we-mega-menu .nav-tabs { height: auto !important;}
#block-sealionmedicalreferralcentre h2 { left: 0 !important;  top: 18px !important;  }
#block-sealionmedicalreferralcentre h1 { width: 100% !important; }
.navbar-we-mega-menu.navbar .we-mega-menu-ul > li > a, .navbar-we-mega-menu.navbar .we-mega-menu-ul > li > .we-megamenu-nolink { line-height: 40px;}
.navbar-we-mega-menu.navbar ul > li ul li a, .navbar-we-mega-menu.navbar ul > li ul li .we-megamenu-nolink {line-height:19px;}
.nav-tabs > li > a { margin-bottom: 7px;}
}




@media screen and (max-width: 768px) {
.node { margin-right: 0 100% !important; }
}

@media screen and (min-width: 1201px) {
#block-mainmenu .we-mega-menu-ul > .we-mega-menu-li {border-left:none !important; padding: 0 26px 0 54px !important; z-index: 21 !important;} 

}



/* 	@media screen and (max-width: 960px) {
#rid-features-second { top: -55px !important;position: relative; }
	}
 */




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

#block-ygnmdycontact .mdy { left: 0 !important;top: 30px !important;position: relative; }
#block-ygnmdycontact .ygn {top: 25px !important;position: relative; }

.fa	{
	font-size: 2em !important;
	margin-right: 10px;
	margin-left: 10px;	
}


#rid-header-second{top: 29px !important;position: relative;}
}





.l-content-suffix, .l-header { background-color: #fff !important;}
a.file {
color: #222 !important;
font-size: 14px !important;
  line-height: 31px;
text-decoration: none !important;
text-align: center;
}
a.file:hover {
color: #0066cc !important;
text-decoration: none !important;
}
#parts { width: 25%; float:left; padding: 14px; height: 300px;}

#address { width: 19%; float:left; padding: 0px;}
#address1 { width: 23%; float:left; padding: 0px;}
#address1 img { float:left; margin-right: 5px;}

#ctc { width: 100%;}
#ctcaddress { width: 25%; float:left; padding: 20px;}
#rid-footer p { line-height: 25px !important;}


 @media screen and (min-width: 481px) and (max-width: 979px) { 

#address { width: 100%; }
#address1 { width: 100%; }
#rid-features-second { position: relative; left: 0;}
#rid-features-third {
    position: relative;
    top: -143px;
}
}


@media screen and (min-width: 980px) {
.pr-features {  height: 147px !important; background-color: #fff !important; } 
#rid-features-second { position: relative; top: 47px;  left: 30px;}
#special-offer { width: 100%;top: -22px;   position: relative;}
}


@media screen and (max-width: 480px) {
.views_slideshow_cycle_slide .views-field-body h1 { line-height: 48px !important;}
#parts { width: 100% !important; height: auto;}
#parts img  { width: 100% !important;}
}


@media screen and (min-width: 320px) and (max-width: 979px) { 
#content-suffix { margin-top: 18px !important;}
}


.view-events span.field-content {
	font-size: 1.4em;	
	line-height: 30px;
	color: #006db8;
	position: relative;
}
.view-events a.colorbox img { margin-bottom: 20px;}




/* Container for the left and right columns */
.row {
  display: flex;               /* Use Flexbox for layout */
  flex-wrap: wrap;             /* Allow wrapping if needed (for responsiveness) */
  gap: 20px;                   /* Space between columns */
  justify-content: space-between; /* Space out columns evenly */
}

/* Left column */
.column-left {
  flex: 1;                      /* Allow the left column to take up available space */
  min-width: 280px;             /* Ensure the column doesn’t get too small on mobile */
  padding: 10px;
  box-sizing: border-box;       /* Prevent padding from affecting width */
}

/* Right column */
.column-right {
  flex: 1;                      /* Allow the right column to take up available space */
  min-width: 280px;             /* Prevent the column from shrinking too small */
  padding: 10px;
  box-sizing: border-box;
}

/* Make the Facebook iframe responsive */
.facebook-block iframe {
  width: 100%;
  max-width: 100%;
  height: 360px;
  border: none;
}

/* Make the layout responsive for smaller screens */
@media (max-width: 768px) {
  .row {
    flex-direction: column;      /* Stack columns vertically on small screens */
  }

  .column-left,
  .column-right {
    min-width: 100%;             /* Allow columns to take up full width */
  }
}