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

.home_banner .intro_img{ max-width:1280px; }

.home_banner .left_img{ bottom:-5px;  left:-172px; width:1216px; }
.home_banner .right_img{ bottom:-112px; right:-77px; width:665px; }

.home_banner .intro_cont{ width:534px; }
.home_banner .intro_cont img{ width:534px; }
.home_banner .intro_cont p{ font-size:25px; line-height:36px; letter-spacing:0; max-width:357px; padding-top: 20px; }

.home_banner .dot_anim{  width:38px; height:38px; margin:-50px 0 0; }
.home_banner .dot_anim:before{ width:30px; height:30px; margin:-15px 0 0 -15px; }
.home_banner .dot_anim:after{  width:30px; height:30px; margin:-15px 0 0 -15px; }

.home_banner .left_dot{ right:calc(50vw + 372px); }
.home_banner .right_dot{ left:calc(50vw + 372px); }

}

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

.home_banner .intro_cont { width: 400px; }
.home_banner .intro_cont img { max-width:100%; }
.home_banner .intro_cont p { font-size: 23px; line-height: 32px; }
.home_banner .right_img { right: -145px; }

.home_banner .right_img { max-width: 55VW; }

}



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

.home_banner .intro_cont { width: 320px; }
.home_banner .left_img { max-width: 115vw; }
.home_banner .right_img { max-width: 64vw; }

.home_banner .left_dot{ right:auto; left:100px; }
.home_banner .right_dot{ left:auto; right:100px; }

.home_banner .intro_cont p { font-size: 22px; line-height: 32px; }

.side_nav{ left:15px; }
.box{ width:700px; margin:-120px 0 0 -350px;  }
.box .box_inner{ padding:15px 15px; }
.box_inner figure{ min-width: 230px; margin:0 15px 0 0; }
.box_inner .box_cont h3{ font-size:26px; line-height:32px; padding: 0 20px 30px 0; margin:0 0 5px; }
.box_inner .box_cont h3:after{ background-size:160px auto; }
.box_inner .box_cont p{ font-size:14px; line-height:26px; }
.box_inner .box_close{ right:5px; top:5px; }


}



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

#layout { padding: 67px 0 0; }

header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 0 15px 10px;}
header a.paid_logo { margin: 0 auto 0; padding: 2px 5px 1px; top:auto; bottom:-18px; left:0; right:0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
header ul.left_logos { padding: 16px 0 0 0; }
ul.left_logos li.fig_logo { padding: 0 18px 0 0; background-size: 9px;}
ul.left_logos li.fig_logo a { width: 92px; }
ul.left_logos li.fw_logo a { width: 82px; }
header ul.social_icon { margin-top: 9px; }


.home_banner { min-height: 0; }
.home_banner video { height: auto; width:100%; }

.home_banner .intro_cont { width: 290px; /*top:auto; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); bottom:80px;*/ }
.home_banner .intro_cont p { display:none; }

/*.home_banner .left_img img.desktop{ display:none; }
.home_banner .left_img img.mobile{ display:block; }
.home_banner .right_img img.desktop{ display:none; }
.home_banner .right_img img.mobile{ display:block; }*/

.home_banner .intro_img { max-width: 100%; }
.home_banner .left_img { bottom: auto; /*top: -65px; left: -250px;*/ width: 465px; max-width: none; left: -15px; top:50%; transform:translateY(-50%); }

.home_banner .right_img { bottom: auto; /*top: -52px; right: -350px; width: 700px;*/ max-width: none; width:290px; right: -70px; top:50%; transform:translateY(-50%); }

.home_banner .left_dot { left: 18vw; margin:-19px 0 0; }
.home_banner .right_dot{ right:18vw; margin:-19px 0 0; }



.progress-container{ display:none !important; }
.scroll_more { display: none !important; }

/*a.back_to_home { right: 15px; top: 82px; width: 32px; height: 32px; border: 2px solid #fff; }
a.back_to_home:after { left: 13px; top: -1px; }
a.back_to_home:before { left: 13px; top: -1px; }*/

.back_to_home { right:15px; top:82px; width: 32px; height: 32px; border:2px solid #fff; }
.back_to_home .leftright { margin: 13px 0 0 -1px; }
.back_to_home .rightleft { margin: 13px 0 0 -1px; }






.side_nav { left: 0; top: auto; bottom:18px; width: 100%; transform:none; -webkit-transform:none; -moz-transform:none); margin: 0 0 0 0; }
.side_nav ul{ text-align:center; }
.side_nav ul li{ display:inline-block; float:none; width:15px; margin:0 20px 0 0; }
.side_nav ul li:after{ left:12px; top:7px; width:28px; height:1px; }


.box { width: 680px; margin: -100px 0 0 -340px; }
.box .box_inner{ padding:10px; }

.box_inner figure { min-width: 215px; }
.box_inner .box_cont h3 { font-size: 22px; line-height: 26px; padding:0 20px 24px 0; }
.box_inner .box_cont h3:after { width: 110px; height: 22px; background-size: 110px auto; }
.box_inner .box_cont p { font-size: 13px; line-height: 23px; }


footer { padding: 15px 0 10px;}
footer ul li { padding: 0; width: 100%; background:none;}
footer ul li a { display: inline-block;}

}

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

.box { width: 640px; margin: -100px 0 0 -320px; }

}

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

.side_nav ul li{ margin:0 13px 0 0; }
.side_nav ul li:after{ width:24px; }

.box { width: 540px; margin: -110px 0 0 -270px; }
.box .box_inner{ padding:6px; }
.box_inner figure { min-width: 180px; }
.box_inner .box_cont h3 { font-size: 19px; line-height: 23px; padding: 0 30px 24px 0; }
.box_inner .box_cont h3::after { width: 100px; height: 20px; background-size: 100px auto; }
.box_inner .box_cont p { font-size: 12px; line-height: 20px; }

.home_banner .left_dot { left: 14vw; }
.home_banner .right_dot{ right:14vw; }

}

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

.box { width: 480px; margin: -120px 0 0 -240px; }

}


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

.box { width: 470px; margin: -120px 0 0 -235px; }

}


@media screen and (max-height:720px)and (min-width:992px){
.side_nav ul li { margin: 0 0 18px; }
}

@media screen and (max-height:650px)and (min-width:992px){
.side_nav ul li { margin: 0 0 15px; }
}


@media screen and (max-width: 991px)and (orientation: portrait) {
div.orientation{ display:block; }
header { display: none; }
.home_page header { display: block; }
.side_nav{ display:none; }
.box.visible{ display:none; }
a.back_to_home{ display:none; }


.home_banner video { height: 100%; width:auto; }

.home_banner .intro_cont { width: 290px; top:auto; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); bottom:80px; }

.home_banner .left_img img.desktop{ display:none; }
.home_banner .left_img img.mobile{ display:block; }
.home_banner .right_img img.desktop{ display:none; }
.home_banner .right_img img.mobile{ display:block; }

.home_banner .intro_img { max-width: 320px; }
.home_banner .left_img { bottom: auto; top: -65px; left: -250px; width: 465px; max-width: none; transform:none; -webkit-transform:none; -moz-transform:none; }
.home_banner .right_img { bottom: auto; top: -52px; right: -350px; width: 700px; max-width: none; transform:none; -webkit-transform:none; -moz-transform:none; }

.img_slider{ height:50vh; overflow:hidden; }

}

/* For landscape, we want the tool bar stick on the left */
@media screen and (max-width: 991px)and (orientation: landscape) {
div.orientation{ display:none; }
}