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

.vid_box_inner { width: 940px; }

}


@media only screen and (max-width: 1080px) {
.desc_box .close_btn{ right:-50px; }
}


@media only screen and (max-width: 1024px) {
.head-wrap { padding-bottom: 70px; }
header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 0 15px 0; min-height:70px; }
header a.paid_logo { margin: 0 auto 0; line-height: 18px; padding: 1px 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.social_icon { margin-top: 10px; }
header ul.toggle_lang { margin: 16px 15px 0 0; }

header ul.left_logos { padding: 7px 0 0 0; }
header ul.left_logos li.bb_logo a { width: 126px; }
header ul.left_logos li.pesp_logo a { width: 88px; }

.banner .banner_img { min-height: 0; height: auto; background:none !important; }
.banner .banner_img img { display: block; }
.banner .caption_cont { max-width: 300px; }
.banner .open_vid { top: 18px; right: 20px; width: 70px; }

.body_cont { padding: 0 0 60px; }

.intro_desc { padding: 35px 15px 60px; }
.intro_desc p { font-size: 25px; line-height: 33px; }

.desc_box .intro_sec figure { max-width: 350px; }
.desc_box .close_btn { right: 5px; }
.desc_box .intro_sec h3 { font-size: 40px; line-height: 40px; }

.product_box { max-width: 708px; }

.cta p { font-size: 25px; line-height: 31px; }

.vid_box {	padding: 0 40px 0; }

}



@media only screen and (max-width: 767px) {
.head-wrap { padding-bottom: 70px; }
.ad_container { margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); min-height:94px; }

header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 0 15px 0; min-height:70px; }
header a.paid_logo { margin: 0 auto 0; line-height: 18px; padding: 1px 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: 14px 0 0 0; }
header ul.left_logos li.bb_logo { padding: 0 18px 0 0; }
header ul.left_logos li.bb_logo a { width: 80px; }
header ul.left_logos li.pesp_logo { padding: 0 0 0 8px; }
header ul.left_logos li.pesp_logo a { width: 55px; }


header ul.social_icon { margin-top: 10px; }

header ul.toggle_lang { /*width:100%;*/ margin: 16px 0 0 0; text-align:center; }
header ul.toggle_lang li { display:inline-block; float:none; margin-left: 6px; font-size: 12px; line-height: 18px; letter-spacing: 2px; }
header ul.toggle_lang li .toggle_bar { width: 20px; height: 8px; }
header ul.toggle_lang li .toggle_bar .toggle_wheel { width: 12px; height: 12px; margin: -6px 0 0; }
header ul.toggle_lang li .toggle_bar .toggle_wheel span { width: 4px; height: 4px; }


.mob-show { display: block !important; }
.desktop{ display:none !important; }

.banner .audio_btn{ right:15px; top:15px; }
.banner .open_vid { top: 15px; right: 15px; width: 50px; }
.banner .caption_cont { max-width: 150px; }

.body_cont { padding: 0 0 40px; border-bottom:8px solid #f7c665; }

.intro_desc { padding: 25px 15px 40px; }
.intro_desc p { font-size: 22px; line-height: 30px; }

.img_row { justify-content:space-between; }
.img_row .img_col { width: calc(20% - 4px); margin:0 0 17px; }

.desc_box { padding: 10px 15px 50px; }
.desc_box .intro_sec figure { max-width: 280px; }
.desc_box .intro_sec h3 { font-size: 32px; line-height: 36px; margin: -33px 0 0; }
.desc_box .intro_sec p { font-size: 22px; line-height: 28px; max-width: 600px; padding: 0 0 30px; }
.desc_box .thumb_sec figure { width: calc(33.33% - 6px); }

.product_box { max-width: 204px; padding:30px 0 30px; }
.product_box ul{ display:block; }
.product_box ul li { display:block; width: 100%; margin:50px 0 0; }
.product_box ul li:first-child{ margin:0;}
.product_box ul li .img_part{ display:block; min-height:0; margin:0 0 4px; }


.cta { padding: 20px 15px 20px; }
.cta p { font-size: 22px; line-height: 28px; max-width: 340px; margin: 0 auto; }


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


.vid_box { padding: 30px 25px 0; }
.vid-close { right: -20px; }
.vid_box.active .vid-close { top: -20px; }

}


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

.footer .wrapper { padding:0 15px; }

}