html {margin: 0px; padding: 0px; width: 100%; height: 100%;}
body {margin: 0px; padding: 0px; width: 100%; height: 100%;}

.FFScalaWeb { 
	font-family: FFScalaWeb;
	font-weight: normal;
	font-style: normal;
}

.FFScalaWebBold { 
	font-family: FFScalaWebBold;
	font-weight: normal;
	font-style: normal;
}

h1 {
font-size: 44px;
padding: 0px;
margin: 0px;
font-family: FFScalaWeb;
font-weight: normal;
font-style: normal;
line-height: 52px;
color: #fff;
}

.white {color: #fff;}


h2 {
font-size: 34px;
padding: 0px;
margin: 0px;
font-family: FFScalaWebBold;
font-weight: normal;
font-style: normal;
}

h3 {
font-size: 27px;
padding: 0px;
margin: 0px;
line-height: 34px;
font-family: FFScalaWebBold;
font-weight: normal;
font-style: normal;
margin: 0px;
padding: 0px;
}

h3 {
font-size: 24px;
padding: 0px;
margin: 0px;
line-height: 36px;
font-family: FFScalaWebBold;
font-weight: normal;
font-style: normal;
margin: 0px;
padding: 0px;
}

p {
font-family: 'Source Sans Pro',sans-serif;
font-size: 20px;
line-height: 36px;
color: #000;
margin: 5px 0px;
}

a {
font-family: 'Source Sans Pro',sans-serif;
font-size: 19px;
line-height: 36px;
color: #000;
margin: 5px 0px;
text-decoration: none;
font-style: italic;
}

a:hover {color: #f1ab00;}
.alpha_hover:hover {opacity: 0.8; filter: alpha(opacity=80);}

.but_grey {text-decoration: none; color: #fff; font-size: 18px; text-transform: uppercase; font-family: FFScalaWebBold; font-weight: normal; font-style: normal; background-color: #565656; width: 187px; display: inline-block; padding: 0px 0px 0px 0px; text-align: center; margin: 0px; cursor: pointer;}
.but_grey:hover {color: #000;}

.but_yellow {text-decoration: none; color: #fff; font-size: 18px; text-transform: uppercase; font-family: FFScalaWebBold; font-weight: normal; font-style: normal; background-color: #f1ab00; width: 187px; display: inline-block; padding: 0px 0px 0px 0px; text-align: center; margin: 0px;}
.but_yellow:hover {color: #000;}

img {border: 0;}
.clear {clear: both;}

ul.special {
list-style-type: none;
margin: 0px;
padding: 0px 0px;
}

ul.special li {
font-family: 'Source Sans Pro',sans-serif;
font-size: 20px;
line-height: 36px;
color: #000;
background-color: #eee;
padding: 25px 30px;
margin: 10px 0px;
}




/************************************************************************************************************elements */

.line_double {
border-top: 2px solid #f1ab00;
border-bottom: 2px solid #f1ab00;
height: 5px;
width: 152px;
margin: 26px auto 0px auto;
}


.line_single {
border-top: 2px solid #f1ab00;
width: 152px;
margin: 10px auto 0px auto;
}

.line_full {
border-top: 2px solid #f1ab00;
width: 100%;
margin: 10px auto 0px auto;
}

.container {text-align: center; width: 100%; margin: 0 auto 0 auto;}
.container_full {text-align: center; max-width: 1690px; margin:  100px auto 0 auto;}
.container_full img {width: 100%;}





/************************************************************************************************************subpage */

.level_2_main_img img {max-width: 2099px; margin: 0 auto;}
.level_2_main_img img {width: 100%;}

.subpg_content {margin: 100px auto 0px auto; max-width: 1354px; padding: 0 50px;}
.subpg_content img {width: 100%;}

.subpg_content_paragraph {margin: 15px 0px 0px 0px;}

.level_2_menu_header {margin: 80px auto 0px auto; max-width: 1500px;}
.level_2_menu_header_img {width: 26.6%; margin: 0 auto;}
.level_2_menu_header img {width: 100%;}

.level_2_option_box {max-width: 1450px; margin: 80px auto 0 auto;}
.level_2_option_box ul {list-style-type: none; margin: 0px; padding: 0px;}
.level_2_option_box li {display: inline-block; margin: 0px 2px 20px 2px; padding: 0px; width: 32%;}


.level_2_option_box img {width: 100%;}



/************************************************************************************************************level_3 */

.sticky {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0;
    z-index: 100;
    border-top: 0;
}

.full_div {
width: 100%;
min-height: 100%;
/*height: 100%;*/
text-align: left;
margin: 0px;
padding: 0px;
overflow-y: auto;
}

.full_div p {color: #fff;}

.full_div_content {margin-left: 250px; padding: 120px 0 150px 0;}

.guestroom_standard {
  background: url(../images/guestrooms/standard/fullbg_standard.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.guestroom_executive {
  background: url(../images/guestrooms/executive/fullbg_executive.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.guestroom_executive_2queens {
  background: url(../images/guestrooms/executive/fullbg_executive_2queens.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.guestroom_waterfront {
  background: url(../images/guestrooms/waterfront/fullbg_waterfront.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.guestroom_carriecates {
  background: url(../images/guestrooms/carriecates/fullbg_carriecates.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.catering_weddings {
  background: url(../images/catering/weddings/fullbg_weddings.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.catering_events {
  background: url(../images/catering/events/fullbg_events.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.catering_mix {
  background: url(../images/catering/mix/fullbg_mix.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.catering_meetings {
  background: url(../images/catering/meetings/fullbg_meetings.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.catering_fboptions {
  background: url(../images/catering/f&boptions/fullbg_f&boptions.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.ourhotel_packages {
  background: url(../images/ourhotel/packages/fullbg_packages.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.ourhotel_gettinghere {
  background: url(../images/ourhotel/gettinghere/fullbg_gettinghere.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.ourhotel_accolades {
  background: url(../images/ourhotel/accolades/fullbg_accolades.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.ourhotel_ourteam {
  background: url(../images/ourhotel/ourteam/fullbg_ourteam.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.ourhotel_guestreviews {
  background: url(../images/ourhotel/guestreviews/fullbg_guestreviews.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.ourhotel_questions {
  background: url(../images/ourhotel/questions/fullbg_guestreviews.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.experience_lonsdalequay {
  background: url(../images/experience/lonsdalequay/fullbg_lonsdalequay.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.experience_northshore {
  background: url(../images/experience/northshore/fullbg_northshore.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.experience_downtownvancouver {
  background: url(../images/experience/downtownvancouver/fullbg_downtownvancouver.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.experience_waterfront {
  background: url(../images/experience/waterfront/fullbg_waterfront.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.catering {
  background: url(../images/catering/fullbg_catering.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.ourhotel {
  background: url(../images/ourhotel/fullbg_ourhotel.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.guestrooms {
  background: url(../images/guestrooms/fullbg_guestrooms.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.experience {
  background: url(../images/experience/fullbg_experience.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.level_3_main_title {width: 750px; margin: 0 50px 0 0; padding-left: 3.5%;}
.level_3_main_content {width: 70%;  margin: 50px 0 0 0 ; padding-left: 3.5%;}

.booknow_button_top {float: right; text-align: center; margin: 50px 50px 0px;}
.booknow_button_top a {text-decoration: none; color: #000; font-size: 19px; text-transform: uppercase; font-family: FFScalaWebBold; font-weight: normal; font-style: normal; background-color: #f1ab00; width: 180px; display: block; padding: 10px 0px 6px 0px;}
.booknow_button_top a:hover {color: #fff;}

.level_3_menu {margin: 32px 0px 20px 0px;}
.level_3_menu a {text-decoration: none; color: #303030; font-size: 22px; text-transform: uppercase; font-family: FFScalaWebBold; font-weight: normal; font-style: normal;}
.level_3_menu a:hover {color: #a5a5a5;}
.level_3_menu .active {color: #a5a5a5;}

.level_3_menu ul {list-style-type: none;}
.level_3_menu li {display: inline-block; border-right: 2px solid #f1ab00; padding: 0px 20px 0px 16px; margin: 0px;}
.level_3_menu li:last-child {border-right: 0;}

.level_3_main_img {max-width: 1540px; margin: 0 auto;}
.level_3_main_img img {width: 100%;}

/*Guestroom Photos*/
.level_3_photos {margin: 100px auto 0px auto; max-width: 1354px; padding: 0 50px;}
.level_3_photos img {width: 100%;}

/*Guestroom Hotel Information*/
.level_3_hotel_info {margin: 0 auto 150px auto; max-width: 1354px; padding: 0 50px;}

.level_3_hotel_info .box_row {clear: both; max-width: 1160px; margin: 100px auto 0 auto; overflow: hidden;}
.level_3_hotel_info .box_left {float: left; width: 59%; text-align: left; margin-left: 4%; padding: 15px 7% 0 0;}
.level_3_hotel_info .box_right {float: left; width: 30%; text-align: left;}
.level_3_hotel_info .box_left p {margin-top: 25px;}
.level_3_hotel_info ul {padding-left: 25px;}
.level_3_hotel_info li {font-family: 'Source Sans Pro',sans-serif; font-size: 19px; line-height: 30px; color: #000;}

.button_sub {width: 343px; height: 69px; background: url(../images/button_sub.jpg); margin-bottom: 2px;}
.button_sub a {text-transform: uppercase; font-family: FFScalaWebBold; font-weight: normal; font-style: normal; font-size: 19px; padding: 19px 0px 0px 80px; display: block;}

.level_3_hotel_info .box_center {clear: both; background-color: #f3f3f3; max-width: 1160px; margin: 76px auto 0 auto; padding: 65px 0;}
.level_3_hotel_info .box {display: inline-block; width: 44%; position: relative;}
.level_3_hotel_info .box img {width: 100%;}

.level_3_hotel_info .box_left_sm {float: left; width: 60%; text-align: left; margin-left: 2%; padding: 0;}
.level_3_hotel_info .box_right_sm {float: left; width: 38%; text-align: center;}
.level_3_hotel_info .box_left_sm p {margin-top: 25px;}

/*Experience Maps*/
.level_3_map {margin: 100px auto 0px auto; max-width: 1450px; padding: 0 50px;}
.level_3_map img {width: 100%;}

.map_box {position: relative; overflow: hidden;}
.map_button {width: 46px; height: 46px; position: absolute;}
.map_button img {display: block;}



/*Amenities Box*/

.icons {width: 850px; margin: 40px auto 0 auto;}
.icons ul {list-style-type: none; margin: 0px; padding: 0px;}
.icons li {display: inline-block;}

.level_3_amenities_box {width: 100%; margin: 110px auto 0 auto; background-color: #f3f3f3; min-height: 478px; padding: 90px 0px;}
.level_3_amenities_box ul {list-style-type: none; margin: 0px; padding: 0px;}
.level_3_amenities_box li {font-family: 'Source Sans Pro',sans-serif; font-size: 19px; line-height: 36px; color: #000;}

.yellow_buttons {margin-top: 25px;}
.yellow_buttons ul {list-style-type: none; margin: 0px; padding: 0px;}
.yellow_buttons li {display: inline-block;}
.yellow_buttons a {text-decoration: none; color: #000; font-size: 19px; text-transform: uppercase; font-family: FFScalaWebBold; font-weight: normal; font-style: normal; background-color: #f1ab00; width: 250px; display: inline-block; padding: 10px 0px 6px 0px;}
.yellow_buttons a:hover {color: #fff;}

.level_3_greybox {background: #f3f3f3; width: 100%; padding: 30px 0 75px 0px; margin-top: 65px;}
.presets {margin-top: 25px;}
.presets ul {list-style-type: none; margin: 0 auto; padding: 0px; width: 600px;}
.presets li {margin-bottom: 0px;}
.presets a {text-decoration: none; color: #000; font-size: 24px; font-family: FFScalaWeb; font-weight: normal; font-style: normal; background-color: #e2e2e2; width: 450px; display: inline-block; padding: 0px 0px 0px 0px;}
.presets a:hover {background-color: #f1ab00;}

.promo_images {margin-top: 65px;}

/*Grey Box 100% Width*/
.level_3_grey_box {width: 100%; margin: 110px auto 0 auto; background-color: #f3f3f3; padding: 90px 0px;}
.level_3_grey_box .promo_images {margin: 65px auto 0px auto; max-width: 1354px; padding: 0 50px;}
.level_3_grey_box .promo_images img {width: 100%;}



/* possible delete below*/
.promo_box {text-align: center; max-width: 1240px; margin: 120px auto 120px auto;}
.promo_box ul {list-style-type: none; margin: 0px; padding: 0px;}
.promo_box li {display: inline-block; text-align: left; margin: 0px; padding: 0px;}
.promo_box .col_a {text-align: left; width: 30%; vertical-align: top; padding-right: 9%;}
.promo_box .col_b {text-align: left; width: 30%; vertical-align: top;}
.promo_box .col_c {text-align: left; width: 30%; vertical-align: top;}

.promo_box .col_b img {width: 100%;}
.promo_box .col_c img {width: 100%;}
/* possible delete above*/

.promo_photos {text-align: center; max-width: 1540px; margin: 120px auto 120px auto;}
.promo_photos img {width: 100%;}



.promo_temp {text-align: center; max-width: 1297px; margin: 120px auto 120px auto;}
.promo_temp img {width: 100%;}

.promo_temp_1 {text-align: center; max-width: 1297px; margin: 120px auto 120px auto;}
.promo_temp_2 {text-align: center; max-width: 1540px; margin: 120px auto 120px auto;}
.promo_temp_2  img {width: 100%;}

/*  accolades/reviews/ourteam   */
.content_box {margin: 30px auto 0 auto; text-align: left; max-width: 1354px; padding: 0 50px;}
.content_box_a {width: 260px; margin-right: 1%; text-align: left; display: inline-block; padding: 50px 0px 0px 0px; vertical-align: top;}
.content_box_b {width: 36%; margin: 0 2.25%; text-align: left; display: inline-block; padding: 50px 0px 50px 0px; vertical-align: top; background-color: red;}
.content_box_c {width: 30%; margin-right: 0%; text-align: center; display: inline-block; padding: 50px 1.5% 0px 1.5%; vertical-align: top; background-color: #f3f3f3; height: 350px;}
.content_box_c:last-child {margin-right: 0px;}

.content_box_a a {color: #fff;}
.content_box_c p {font-size: 19px;}

.free_box {margin-top: 100px; text-align: center;}
.video-box {width: 900px; margin: 30px auto;}

.content_box_reviews {margin: 30px auto 0 auto; padding: 0 100px;}











/************************************************************************************************************footer */

.footer {background-color: #81b4b5; width: 100%; height: 500px; text-align: center; margin: 0px auto 0px auto; padding: 0;}
.footer_logo {padding: 70px 0px 0px 0px;}
.footer_content {margin: 50px 0 0 0;}
.footer a {text-decoration: none; color: #000; font-size: 24px; text-transform: uppercase; font-family: FFScalaWebBold; font-weight: normal; font-style: normal; display: inline-block; padding: 0px 0px 0px 0px; text-align: center; margin: 0px;}
.footer a:hover {color: #7f6006;}

.home_footer {background-color: #f1ab00; width: 100%; text-align: center; margin: 0px auto 0px auto; padding: 0 0 50px 0;}
.home_footer_logo {padding: 30px 0px 0px 0px;}
.home_footer_content {margin: 20px 0 0 0;}
.home_footer a {text-decoration: none; color: #000; font-size: 24px; text-transform: uppercase; font-family: FFScalaWebBold; font-weight: normal; font-style: normal; display: inline-block; padding: 0px 0px 0px 0px; text-align: center; margin: 0px;}
.home_footer a:hover {color: #7f6006;}




/************************************************************************************************************home */

.home_1 {
width: 100%;
height: 100%;
text-align: center;
  background: url(../images/home/home_1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

.home_2 {
width: 100%;
height: 100%;
text-align: center;
  background: url(../images/home/home_2.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.home_3 {
width: 100%;
height: 100%;
text-align: center;
  background: url(../images/home/home_3.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.home_4 {
width: 100%;
height: 100%;
text-align: center;
  background: url(../images/home/home_4.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.home_5 {
width: 100%;
height: 80%;
text-align: center;
  background: url(../images/home/home_51.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.home-carousel {text-align: center; max-width: 1690px; margin: 100px auto 75px auto; padding: 0 50px;}

.mainmenu {position: absolute; top: 0px; left: 0px; width: 200px; height: 431px; padding: 40px 0px 0px 40px; z-index: 100;}
.sub_page .hide-sub-page {display: none;}

.logo_white {margin-left: 17px;}
.logo_home {display: none;}
.homepage .logo_home {display: block; margin-left: 17px;}
.homepage .logo_white {display: none;}*/


.menu_button {margin-top: 20px;}
.booknow_button {margin-top: 4px;}

.subpg_buttons {margin-top: 10px;}
.subpg_buttons ul {list-style-type: none; margin: 20px 0px 0px 0px; padding: 0px;}
.subpg_buttons li {margin: 0px 0px 0px 0px; padding: 0px;}
.subpg_buttons a {text-decoration: none; color: #000; font-size: 18px; text-transform: uppercase; font-family: FFScalaWebBold; font-weight: normal; font-style: normal; background-color: #fff; width: 187px; display: inline-block; padding: 8px 0px; text-align: center; margin: 0px; cursor: pointer; line-height: 25px;}
.subpg_buttons a:hover {opacity: 0.4; filter: alpha(opacity=40);}
.subpg_buttons .active {color: #eaac2f;}

.button_top {text-align: left; margin-left: 40px;}

.pointer {cursor: pointer;}
.scrolldown {position: absolute; bottom: 10%; left: 50%; margin-left: -59px;}

.width650px {max-width: 650px;}
.width720px {max-width: 720px;}
.width670px {width: 670px; margin: 0 auto;}


/************************************************************************************************************accordian */
.accordion-toggle {cursor: pointer;}
.accordion-content {display: none; padding: 30px 0px;}
.accordion-content.default {display: block;}




/************************************************************************************************************level 2 main */
.center {text-align: center;}

.main_div_content {
/*display: table;*/
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}

.main_title {
display: table-cell;
vertical-align: middle;
}

.page_main_title {width: 750px; margin: 0 50px 0 0; padding-left: 3.5%;}


.promo_content {margin: 50px 0 0 0;}

.promo_buttons {max-width: 1000px; margin: 50px auto 0 auto; overflow: hidden; padding: 0px 50px;}
.promo_buttons .box_link_a {float: left; width: 50%; padding: 0; text-align: center; position: relative;}
.promo_buttons .box_link_b {float: left; width: 50%; padding: 0; text-align: center; position: relative;}
.promo_buttons .box_link_c {float: left; width: 33.3333333%; padding: 0; text-align: center; position: relative;}

.position {position: absolute; top: 50%; left: 50%; margin-top: -18px;}

.position a {
font-size: 27px;
padding: 0px;
margin: 0px;
line-height: 36px;
font-family: FFScalaWebBold;
font-weight: normal;
font-style: normal;
margin: 0px;
padding: 0px;
color: #fff;
display: block;
text-transform: uppercase;
}

.position a {border: 0 !important;}
.position a:hover {color: #f1ab00;}

.promo_buttons a {
margin: 0;
padding: 0;
border: 2px solid #fff;
display: block;
}

.promo_buttons img {display: block;}

a.but_menu {font-size: 19px; padding: 0px 5px; color: #f2b400; font-style: normal; font-family: FFScalaWebBold; vertical-align: middle;}
a.but_menu:hover {color: #000;}

.covid19 {width: 100%; background-color: #be0200; padding: 20px; text-align: center;}
.covid19 a {color: #fff !important; font-size: 21px;}

@media  only screen and (max-device-width: 480px) {
.covid19 a {color: #fff !important; font-size: 38px;}
}


.container-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mobile-video-links {display: none;}
.mobile-video-links ul {list-style-type: none; margin: 0; padding: 0;}

.mobile-booking {display: none;}


#home_slider_desktop_1 {display:block;}
#home_slider_mobile_1 {display:none}

@media all and (max-width: 768px) {
    #home_slider_desktop_1 {display: none;}
    #home_slider_mobile_1 {display: block;}
}