/********************/
/*  	  Header     	*/
/********************/
    #header-menu .nav-container{
    height: 90px;
    }
    #header-menu .menu-logo.cust_v_middle img{
        height: 75px;
    }
    #desktop-line.sticky-sub {
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }
    .top-city-menu {
        flex-direction: row!important;
    }
    .top-city-menu,
    .header-menu-container {
        height: 70px;
        margin: 0 auto;
    }
    .city_welcome_container {
        display: flex;
        justify-content: center;
    }

    .city_welcome_container img {
        width: 103%;
        margin-bottom: -1.75rem;
        margin-top: -1rem;
        object-fit: scale-down;
    }

    .city_welcome_container img.manila_illu {
        margin-bottom: -.25rem;
        margin-top: 0;
    }

    .city_welcome_container img.hong-kong_illu {
        margin-bottom: -.5rem;
        margin-top: -1rem;
    }

    .city-header-strip {
        height: 5px;
    }
    .menu-logo img {
        height: 75px;
    }
    .menu-user .user-dropdown {
        font-size: 20px;
        font-family: 'GilroyBold';
        position: relative;
    }
    .nav-container {
        padding: 0;
    }
    .menu-user .user-dropdown label {
        display: flex;
        align-items: center;
        text-transform: uppercase;
        background: transparent;
        border: none;
        color: #fff;
        outline: none;
        margin-bottom: 0px;
    }
    .menu-user .user-dropdown i,
    .menu-user .user-dropdown svg,
    .menu-user .user-dropdown a {
        display: inline-block;
    }
    .menu-user .user-dropdown i,
    .menu-user .user-dropdown svg {
        font-size: 14px;
        margin-left: .5rem;
    }
    .menu-user .user-dropdown .sub-menu {
        text-transform: uppercase;
        font-size: 16px;
        min-width: 65px;
        width: 67px;
    }
    .dropdown ul.sub-menu li {
        border-top: 1px solid #f0f3f5;
    }
    .menu-user .user-dropdown ul.sub-menu a {
        font-size: 16px;
        padding: 10px 16px;
    }
    .menu-user .user-dropdown input:checked ~ ul.sub-menu {
        opacity: 1;
        visibility: visible;
        display: block;
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }
    .menu-user .user-dropdown input:checked ~ ul.sub-menu,
    .menu-user .user-dropdown .sub-menu{
        right: 11px;
        left: inherit;
        list-style: none;
        padding: 0px;
        border-radius: 11px;
    }
    .tr-menu .sub-menu li:nth-child(1) a, .sub-menu li:nth-child(1) a{
        border-top: 0px;
    }
    .menu-user .user-dropdown input:checked ~ ul.sub-menu li,
    .menu-user .user-dropdown ul.sub-menu li{
        background-color: #ffffff;
        text-align: center;
        border-radius: 8px;
    }
    .cust_v_middle {
        flex: 1 1 0;
        margin: auto 0;
    }
    .cust_v_middle.menu-logo {
        text-align: center;
    }
    .cust_v_middle.menu-user {
        justify-content: flex-end;
    }	

  .city-menu-container .row{
    width: max-content;   
    margin: 0 auto;
  }
  .nav-container {
    color: #fff;
    justify-content: space-between;
    padding-top: .5rem;
  }
  
  .nav-city {
    color: #fff;
    font-family: 'GilroyReg', Arial, Helvetica, sans-serif;
      font-size: 17px;
  }
  
  .nav-city.active,
  .nav-city:hover{
    border-bottom: 5px solid #ff0000;
  }

  .nav-city:hover {
    color: #fff;
    text-decoration: none;
  }
  
  .nav-container .menu-bars,
  .nav-container .menu-user {
    font-size: 25px;
    color: #fff;
  }
  
  .nav-container .menu-user a {
    color: #fff;
  }
  
  .menu-user img {
      height: 40px;
      width: 40px;
      object-fit: cover;
      object-position: center;
      border-radius: 50%;
  }

  .header-menu-container {
    position: sticky;
    height: 100%;
    top: 0px;
    z-index: 99;
    transition: top 0.3s;
  }
  
  @media(max-width: 768px) {
    .city-menu-container {
      overflow-x: scroll;
    }
    
    .city-menu-container div {
      width: max-content;
    }
  }

  	/* XS cellphone - mobile menu*/
	@media (max-width: 499px) {
		.header-menu-container#header-menu .nav-container{
			height: 55px!important;
			padding-top: 0px;
		}

		.header-menu-container#header-menu .menu-logo.cust_v_middle img{
			height: 55px!important;
		}

		#desktop-line.sticky-sub {
			border-bottom: none;
		}

		#mobile-line.sticky-sub {
			border-bottom: 1px solid rgba(255,255,255,0.3);
		}

		.menu-logo img {
			height: 55px!important;
		}
	}


/********************/
/*	menu slider		*/
/********************/



/*  Tr Memu */


.tr-menu.sidebar-menu .navbar-default {
   background-color: #fff;
   border-radius: 5px;
   padding: 25px;
   display: block;
}

.homepage-1 .sidebar-menu .navbar-default {
   padding-top: 15px;
}

.tr-menu.sidebar-menu {
   padding: 0;
   margin-bottom: 30px;
}

.tr-menu .navbar-default {
   border: none;
   border-radius: 0;
   min-height: 0;
   margin-bottom: 0;
   background-color: transparent;
}

.tr-menu .navbar-nav>li>a {
   font-weight: 700;
   padding: 20px 0;
}

.tr-menu .navbar-nav>li {
   margin-right: 25px;
}

.tr-menu .navbar-nav>li:last-child {
   margin-right: 0;
}

.tr-sidebar {
   min-height: 20px;
}

.tr-menu .navbar-header {
   float: none;
}

.navbar-brand {
   margin: 2px 0 0;
   padding: 10px 15px;
   height: inherit;
}

.topbar-width-container .navbar-brand {
   padding: 10px 0;
}

.tr-menu .navbar-brand {
   margin-bottom: 10px;
   padding: 5px 15px;
}

.sidebar-menu .navbar-brand {
   padding: 0;
}

.tr-menu.sidebar-menu .navbar-default li,
span.discover {
   text-transform: uppercase;
   font-size: 14px;
   color: #010101;
   font-weight: 700;
   float: none;
   margin-right: 0;
   display: block;
   width: 100%;
}

span.discover {
   margin: 15px 0;
}

.sidebar-menu .navbar-nav {
   float: none;
   margin: 0;
   width: 100%;
}

.sidebar-menu .navbar-nav>li {
   margin: 10px 0;
   display: block;
}

.sidebar-menu .navbar-nav>li:last-child {
   margin-bottom: 0;
}

.sidebar-menu .navbar-nav>li>a {
   padding: 5px 0;
   display: block;
}

.tr-menu .navbar-nav li a {
   font-size: 14px;
   display: block;
   font-weight: 500;
   color: #696969;	
   text-transform: uppercase;
}

.sidebar-menu .navbar-nav li a i {
   color: #010101;
   margin-right: 30px;
}


.tr-menu li.active>a,
.tr-menu li.active a i,
.tr-menu li a:hover,
.tr-menu .navbar-nav li a:focus,
.tr-menu li a:hover i,
.tr-menu .navbar-nav>li>a:hover,
.tr-menu .navbar-nav>li>a:focus,
.tr-menu .navbar-nav>li.active>a:focus,
.tr-menu .navbar-nav>li.active>a,
.tr-menu .navbar-nav>.active>a:hover,
.tr-menu .navbar-nav li a:focus i,
.tr-menu li.active .sub-menu li a:hover,
.tr-menu li.active .sub-menu li.active>a,
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover,
.tr-menu.menu-style-two .navbar-nav li a:hover,
.tr-menu.menu-style-two .navbar-nav li.active,
.tr-menu.menu-style-two .navbar-nav li.active>a,
.tr-menu.sidebar-menu ul.sub-menu li a:hover,
.tr-menu.sidebar-menu ul.sub-menu li.active>a {
   color: #ff0000;
   background-color: transparent;
}

/* Navbar Toggle */

.tr-menu .navbar-toggle {
   border-color: #ff0000;
}	

.tr-menu .navbar-toggle .icon-bar {
   background-color: #ff0000;
}

.tr-menu .navbar-toggle:focus, 
.tr-menu .navbar-toggle:hover {
   background-color: transparent;
}

.toggle-white.navbar-toggle {
   border-color: #fff;
}	

.toggle-white.navbar-toggle .icon-bar {
   background-color: #fff;
}

.toggle-white.navbar-toggle:focus, 
.toggle-white.navbar-toggle:hover {
   background-color: transparent;
}

.navbar-toggler {
   position: absolute;
   top: 22px;
   right: 15px;
   color: #ff0000;
   padding: 6px 8px;
   border: 1px solid #ff0000;
}

.menu-responsive .navbar-toggler {
   top: 16px;
   right: 0;
}

.sidebar-menu-two.menu-responsive .navbar-toggler {
   right: 15px;
   top: 22px;
}

.menu-responsive .navbar {
   padding-left: 0;
   padding-right: 0;
}

.menu-responsive .navbar-brand {
   padding-left: 0;
}

.navbar-toggler-icon {
   width: inherit;
   height: inherit;
}

.tr-menu .feed  {
   margin-right: 15px;
   padding: 20px 0;
}

.tr-menu .navbar-default .feed li a i {
   margin-right: 0;
}

.tr-menu .navbar-default .feed li a {
   transition: inherit;
   color: #696969;
}

ul.sub-menu,
ul.sub-menu .sub-menu-2 {
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1000;
   min-width: 180px;
   background-color: #fff;
   opacity: 0;
   -webkit-transform: rotateX(-75deg);
   -moz-transform: rotateX(-75deg);
   -ms-transform: rotateX(-75deg);
   -o-transform: rotateX(-75deg);
   transform: rotateX(-75deg);
   visibility: hidden;
   -webkit-transform-origin: 0% 0%;
   -moz-transform-origin: 0% 0%;
   -ms-transform-origin: 0% 0%;
   -o-transform-origin: 0% 0%;
   transform-origin: 0% 0%;
   transition: transform 0.3s, opacity 0.3s;
   -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
   -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
   -ms-box-shadow: 0 6px 12px rgba(0,0,0,.175);
   -o-box-shadow: 0 6px 12px rgba(0,0,0,.175);
   box-shadow: 0 6px 12px rgba(0,0,0,.175);    
}

.dropdown:hover .sub-menu,
.topbar-right .user:hover .sub-menu,
ul.sub-menu li:hover .sub-menu-2 {
   opacity: 1;
   visibility: visible;
   display: block; 
   -webkit-transform: rotateX(0deg);
   -moz-transform: rotateX(0deg);
   -ms-transform: rotateX(0deg);
   -o-transform: rotateX(0deg);
   transform: rotateX(0deg);	
}

ul.sub-menu .sub-menu-2 {
   left: 100%;
   top: 0;  
}

.sub-menu i {
   margin-right: 10px;
}

.tr-menu .sub-menu li a,
.sub-menu li a {
   padding: 10px 20px;
   border-top: 1px solid #f0f3f5;
   display: block;
   color: #696969;
   font-size: 12px;
}

.sub-menu li a:hover,
.sub-menu li.active a,
.sub-menu li a:focus {
   background-color: #f6f8f9 !important;
}

.sub-menu li a:hover,
.topbar-right .user a:hover,
.search-icon:hover,
.sub-menu li a:focus,
.topbar-right a:hover {
   color:#ff0000;
}

.user .user-dropdown i {
   margin-left: 10px;
}

.tr-menu.sidebar-menu .sub-menu {
   min-width: 180px;
} 


/* Sidebar Menu Two */

.homepage-1 span.discover {
   font-size: 12px;
   position: relative;
   display: block;
   margin: 0 0 10px;
}

.homepage-1 span.discover:after {
   position: absolute;
   content: "";
   bottom: -10px;
   left: -50%;
   width: 200%;
   height: 1px;
   background-color: #f2f2f2;
}

.homepage-1 .sub-menu {
   border-top-color: #7a559f;
}

.homepage-1 .navbar-default li.active .sub-menu li a {
   color: #696969;
}

.tr-menu.sidebar-menu-two .navbar-default li.active a, 
.tr-menu.sidebar-menu-two .navbar-default li.active a i, 
.tr-menu.sidebar-menu-two .navbar-default li a:hover, 
.tr-menu.sidebar-menu-two .navbar-default li a:focus, 
.tr-menu.sidebar-menu-two .navbar-default li a:focus i, 
.tr-menu.sidebar-menu-two .navbar-default li a:hover i, 
.tr-menu.sidebar-menu-two .navbar-default li .sub-menu li a:hover, 
.tr-menu.sidebar-menu-two .navbar-default li.active .sub-menu li a:hover, 
.tr-menu.sidebar-menu-two .navbar-default li.active .sub-menu li a:focus, 
.tr-menu.sidebar-menu-two .navbar-default li.active .sub-menu li.active a,
.homepage-1 #footer a:hover, 
.homepage-1 .copyright a:hover {
   color: #7a559f;
}

.homepage-1 .section-title h1 a:hover,
.homepage-1 .entry-meta a:hover,
.homepage-1 .medium-post-list .tr-post .catagory a:hover,
.homepage-1 #photo-gallery h2 a:hover,
.homepage-1 .entry-title a:hover {
   color: #7a559f;
}


/* Menu Style Two */

.tr-menu.menu-style-two,
.tr-menu.menu-style-two ul.sub-menu .sub-menu-2, 
.tr-menu.menu-style-two ul.sub-menu {
   background-color: rgba(0, 0, 0, 0.2);
}

.tr-menu.menu-style-two .navbar-nav>li>a,
.tr-menu.menu-style-two ul.sub-menu li a,
.tr-menu.menu-style-two .feed li a {
   color: #fff;
}


/***** from custom.css ******/

.tr-menu .navbar-nav li a,
.new-footer a,
.sidebar-menu .navbar-nav li a i:hover,
.city-menu-nav li:hover a,
.city-menu-nav li:hover i,
.sidebar-newsletter-form form #emailInput::placeholder,
.sidebar-menu-footer,
.sidebar-menu-footer a,
.sidebar-menu-footer .sidebar-social-media a:hover i,
.red-white-link,
.tr-menu .navbar-nav li .red-white-link:hover,
.side-section-social-media a {
    color: #fff;
}

.sidebar-menu .navbar-nav li a i {
    margin: 0;
}

.tr-menu .navbar-nav li a {
    font-size: 20px;  
}

.new-footer a:hover {
    color: #000;
}

.asd-menu .mfp-content,
.tr-menu.sidebar-menu .navbar-default {
    background-color: #000;
}

.sidebar-menu .navbar-nav li a i,
.services-nav i:hover,
.sidebar-menu-footer a:hover,
.aside-menu .mfp-close:hover,
/*.tr-menu li a:hover,*/
.side-city-menu:checked ~ label a,
.side-city-menu:checked ~ label a i,
.red-white-link,
.tr-menu .navbar-nav li .red-white-link {
    color: #ff0000;
}

.side-menu-channels {
    color: #fff;
    border: 2px solid #fff;
    font-size: 10px;
    padding: 5px;
    text-align: center;
    border-radius: 15px;
    font-family: GilroyExtraBold, Arial, Helvetica, sans-serif;
}

.sidebar-newsletter-form form #emailInput {
    background-color: #333;
    color: #fff;
    border: none;
}

.sidebar-newsletter-form form button {
    border: 2px solid #ff0000;
    border-radius: 7px;
    color: #fff;
    font-family: 'GilroyBold', Arial, Helvetica, sans-serif;
    padding: .5rem 1.5rem;
}

.sidebar-menu-footer .sidebar-social-media a,
.side-section-social-media a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    color: #fff;
    /*border: 2px solid #fff;*/
    border-radius: 50%;
}

.sidebar-menu-footer .sidebar-social-media a:hover,
.side-newsletter-submit:hover,
.side-section-social-media a:hover {
    background-color: #ff0000;
    border-color: #ff0000;
}

.aside-menu .mfp-close,
.side-search-button {
    background-image: none;
    width: auto;
    text-align: right;
    color: #fff;
    opacity: 1;
    font-size: 20px;
    height: auto;
    line-height: 44px;
    font-family: 'GilroyExtraBold', Arial, Helvetica, sans-serif;
    position: absolute;
    top: 15px;
    cursor: pointer;
}

.side-search-button {
    left: 15px;
    text-align: left;
}

.side-search-button:hover {
    color: #ff0000;
}

input[type="radio"] + label:before,
input[type="radio"]:checked + label:before {
    display: none;
}

.side-city-menu ~ div {
    transition: height 1s linear;
    -webkit-transition: max-height 1s ease;
    max-height: 0px;
    overflow: hidden;
    display: flex;
}

.side-city-menu:checked ~ div {
    transition: height 1s linear;
    -webkit-transition: max-height 1s ease;
    max-height: 150px;
    overflow: hidden;
    display: flex;
}

.side-city-menu:checked ~ label i:before {
    content: '\f068';
}

.side-city-menu:checked ~ label i,
.side-city-menu:checked ~ a {
    color: #ff0000 !important;
}

.side-menu-desktop label {
    display: flex;
    align-items: center;
    color: #fff;
    cursor: pointer;
}

.side-menu-desktop label:hover {
    color: #ff0000;
}

.city-side-menu a,
.city-side-menu label {
    font-size: 24px !important;
}

.side-menu-search input {
    height: 100%;
    padding: 1rem 0;
    background-color: #ff0000;
    border: none;
    color: #fff;
    font-size: 20px;
    font-family: 'GilroyMedium', Arial, Helvetica, sans-serif;
}

.side-menu-search input::placeholder {
    color: rgba(255, 255, 255, 0.75);
}

.side-menu-search {
    background-color: #ff0000;
    color: #fff;
    align-items: center;
    font-size: 20px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    transition: 0.8s;
}

.side-search-button:before {
    content: 'SEARCH';
}

.menu-header-button {
    font-size: 25px; 
    display: flex; 
    height: 100%; 
    align-items: center; 
    color: #fff;
}

/*** from custom.css - end *****/




/**** jjadscript ****/


.sidebar-menu .navbar-nav li a i{
    margin-right: 14px;
    color: #fff;
}

.tr-menu li a:hover{
	color: #fff !important;
}

.menu-hover-underline{
	border-bottom: solid 2px #ff0000;
	transition: all 300ms;
}

.new-close-menu.mfp-close{
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}




.channel_menu_wrapper .channel_list_inner .channel_sub_menu:hover{
	border-left: solid 2px #ff0000;
	transition: all 300ms;
}



/*** Desktop ***/
@media only screen and (min-width: 1121px){
    .channel_menu_wrapper .channel_list_inner .channel_sub_menu:hover .fas.fa-angle-right{
        transform: rotateY(180deg);
        transition: all .3s ease;
    }
}


/*** Desktop 2 ***/
@media only screen and (min-width: 768px){
    .channel_menu_wrapper .channel_list_inner{
        max-width: 350px;
    }
}



/*
.channel_border_hover{
	border-left: solid 2px #ff000000;
}
*/

.subchannel_hover_wrapper{
	font-size: 20px;
	/*position: absolute;*/
	left: 365px;
	width: max-content;
	padding: 4px 0px 4px 4vw;
	/*-webkit-transform: translateX(-75px);*/
    /*transform: translateX(-75px);*/
    /*opacity: 0;*/
	transition: all 300ms !important;
}

.subchannel_hover_wrapper.menu_desktop a:hover{
	 border-left: 2px solid #ff0000;
}

.subchannel_hover_wrapper_mobile{
	font-size: 20px;
	display:none;
	padding: 3px 0px 13px 124px;
}

.subchannel_arrow.menu_desktop{
	font-size: 24px;
	color: #ffffff;
}

.subchannel_arrow.menu_mobile{
	margin: auto 40px;
	font-size: 24px;
	color: #ffffff;
	position: absolute;
    right: 0px;
    padding-left: 24%;
}


.new-close-menu{
	color: #fff;
    opacity: 1;
    font-size: 24px;
    position: absolute;
    top: 15px;
    cursor: pointer;
    right: 25px !important;
}

.channel_list{
	padding-top: 85px;
}

.aside-menu .new-close-menu{
	right: 25px !important;
}

.aside-menu{
    width: 100%;
}

.mfp-content{
	width: 100% !important;
}


.tr-hamburger{
	margin: 12px 15px;
}

.quotes-content{
	padding: 0px;
}


.searchNlogin>ul>li{
	    border-left: 0px;
	    font-size: 26px;
}

.search_wrapper{
	position: absolute;
    top: 20px;
    left: 25px;
    width: 90%;
}

.search_wrapper i,
.search_wrapper svg{
	position: absolute;
    top: 15px;
    left: 17px;
}

.sidebar-newsletter{
	width: 89%;
    color: #fff;

}

.sidebar-newsletter a { 
    color: #fff;
    margin-top: 6px;
    display: inline-block;
}

.sidebar-newsletter a:hover {
    color: #ff0000;
}

.search_wrapper input.search-form{
	border-radius: 50px;
    height: 40px;
    width: 90%;
    padding-left: 35px;
}


.dropdown:hover .sub-menu, .dropdown .sub-menu{
	right: 0px;
	left: inherit;
	min-width: 180px;
  list-style: none;
  padding: 0px;
}

.dropdown:hover ul.sub-menu li, .dropdown ul.sub-menu li{
	background-color: #ffffff;
}

.city-channel-menu:hover{
	border: 2px solid #FF0000 !important;	
}

.channel-logo-sm{
	width: 47px;
    height: auto;
}

.home-trending-num{
	margin-top: auto;
    margin-bottom: auto;
    margin-left: 17px;
    font-size: 30px;
    font-weight: 400;
    font-family: GilroyBold, Arial, Helvetica, sans-serif;
}


/*** new ***/


#aside-menu{
	top: 0;
	left: -100vw;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none!important;
	-webkit-backface-visibility: hidden;
	background: #000000;
	overflow: hidden;
	/*display: none;*/
  visibility: hidden;
  transition: all 0.3s ease;
}

a,
a:hover,
a:focus,
input:focus{
	text-decoration: none;
    outline: none;
}


.sidebar-extra-menu{
	font-size: 14px;
}

#menu_open, #menu_open_1{
	color: #fff !important;
}

.menu-user .user-dropdown ul.sub-menu a{
  color: #000;
}



/**** Main menu ***/

/*** mobile ***/
@media only screen and (max-width: 600px){

	.tr-topbar .navbar-logo{
		/*position: absolute;*/
	}
	.main-wrapper .tr-topbar{
		height: 66px;
	}
	.searchNlogin > ul > li a{
		font-size: 26px !important;
	}

	.searchNlogin > ul > li{
		font-size: 26px !important;
	}

	.tr-topbar .navbar-logo{
		width: 100%;
	}

	.topbar-two .searchNlogin{
		position: relative;
	}

	.article-social-media iframe{
	    width:auto;
	}

	.highliges-label-wrapper img{
		display: none;
	}

	/*ads*/
	.ads-desktop{
		display: none;
	}
	.ads-tablet{
		display: none;
	}
	.ads-mobile{
		display: block;
		width: 100%;
	}

	.channel-social-post {
	    padding: 1rem;
	}
	.social-wall-links{
		font-size: 12px;
	}

	.footer_logo{
		margin: 0 auto;
	}

}


.channel_title_mobile{
  color: #fff;
  text-align: center;
  margin-left: 57px;
  font-size: 24px!important;
  font-family: gilroybold, Arial, Helvetica, sans-serif;
}

/* tablet */
@media only screen and (max-width: 767px) and (min-width: 601px) {
	
	.searchNlogin > ul > li a{
		font-size: 26px !important;
	}

	.searchNlogin > ul > li{
		font-size: 26px !important;
	}

	
	.tr-topbar .navbar-logo{
		width: 100%;
	}

	.topbar-two .searchNlogin{
		position: relative;
	}

	.article-social-media iframe{
	    width: auto;
	}
	/*ads*/
	.ads-desktop{
		display: none;
	}
	.ads-tablet{
		display: block;
		width: 100%;
	}
	.ads-mobile{
		display: none;
	}

}


@media (max-width: 1120px){

	.arrow_icon{
		display: block !important;
	}

	.menu_desktop{
		display: none;
	}

}

@media (min-width: 1121px){

	.menu_mobile{
		display: none;
	}

	.subchannel_hover_wrapper.menu_desktop:hover{
		display: block !important; 
	}

	.channel_sub_menu:hover .subchannel_hover_wrapper.menu_desktop{
		display: block !important;
		-webkit-transform: translateX(0px);
	    transform: translateX(0px);
	    opacity: 1;
		transition: all 300ms !important;
	}
	
}

/* tab to mobile menu */
@media (max-width: 991px) {

	.mobile_menu_hide{
		display: none;
	}


	.navbar-mobile{
		padding-top: 83px !important;
		padding-bottom: 3rem !important;
	}
	
	.aside-menu .new-close-menu{
		top:81px !important;
	}

  .search_wrapper input.search-form{
    width: 90%;
  }
}

/* desktop*/
@media (min-width: 992px) {

	.desktop_menu_hide{
		display: none
	}



	/*ads*/
	.ads-desktop{
		display: block;
		width: 100%;
	}
	.ads-tablet{
		display: none;
	}
	.ads-mobile{
		display: none;
	}

	.channel_back_arrow{
		display: none;
	}


	.channel_title_mobile{
		display: none !important;
	}


	.channel_list_hover_effect_before{
		-webkit-transform: translateX(-75px);
	    transform: translateX(-75px);
	    opacity: 0;
		transition: all 300ms !important;
    position: absolute;
	}

}


/* desktop*/
@media (min-width: 768px) {

  .channel_back_arrow {
    display: none !important;
  }
}

/* desktop*/
@media (max-width: 767px) {

  .channel_back_arrow {
    display: flex !important;
  }

}


/* XS cellphone - mobile menu*/
@media (max-width: 575px) {

	.side-bar-wrapper{
	    margin-top: 60px;
	}

	.channel_list{
		padding-top: 73px;
	}

	.channel_list{
		display: none;
	}

	.channel-header-logo img{
		margin-top: -12px;
	}

}

/* desktop - desktop menu*/
@media (min-width: 576px) {

	.navbar-mobile{
		padding-top: 3rem;
	}



	.channel_list_hover_effect{
		opacity: 1 !important;
		transition: all 300ms !important;
		-webkit-transform: translateX(0px);
	    transform: translateX(0px);
	}

}

.subscribe-btn{
    font-size: 18px;
    color: #fff;
    border-bottom: solid 1px #fff;
    align-self: center;
    margin-right: 40px;
}

.subscribe-btn-mobile{
    text-align: right;
    padding-top: 18px;
}

.subscribe-btn-mobile a{
    font-size: 15px;
    color: #ff0000;
    align-self: center;
    border: solid 2px #ff0000;
    border-radius: 15px;
    padding: 5px 11px;
}

@media(min-width: 769px) {
    .subscribe-btn-mobile{
        display: none;
    }
}

@media(max-width: 768px) {
    .subscribe-btn{
        display: none;
    }
    .city_welcome_container img {
        margin-top: -.75rem;
        margin-bottom: -2.2rem;
    }

    .city_welcome_container img.hong-kong_illu {
        margin-bottom: -1.75rem;
        margin-top: -.5rem;
    }

    .city_welcome_container img.manila_illu {
        margin-top: -0.25rem;
        margin-bottom: -1.5rem;
    }
}

@media(max-width: 1200px) {
    .city_welcome_container img {
        margin-bottom: -1.5rem;
    }
}

@media(max-width: 992px) {
    .city_welcome_container img {
        margin-bottom: -1.1rem;
    }
}

@media(max-width: 499px) {
    .menu-logo img {
        height: 55px;
    }

    .city_welcome_container img {
        margin-top: -.5rem;
        margin-bottom: -1.9rem;
    }
    
    .top-city-menu,
    .header-menu-container{
        height: 55px;
        padding-top: 0px;
    }

    .city-welcome-left {
        font-size: 45px;
    }

    .city-welcome-right p {
        font-size: 18px;
    }

    .city-welcome-right span {
        font-size: 22px;
    }

    #desktop-line.sticky-sub {
        border-bottom: none;
    }

    #mobile-line.sticky-sub {
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }

    .menu-bars {
        padding-top: 4px;
    }
}