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

.card_sec{  max-width:1056px; }
.card_sec .card{ width:calc(33.33% - 32px); }

}


@media only screen and (max-width: 1280px) {
.banner > img{ display:block; }
.banner .scroll_bottom { width: 86px; margin: 0 0 0 -43px; }

.vid_box_inner { width: 940px; }
}


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

.banner .bookmark_cont .bookmark_inner { padding: 0 20px; }
.slider_sec .product_slider { max-width: 600px; }

.intro_sec h1 { font-size: 50px; line-height: 61px; }

}
	

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

.banner .bookmark_cont .bookmark_inner { max-width: 700px; }
.banner .bookmark_cont .bookmark_inner .bookmark_img { width: 200px; }
.banner .bookmark_cont .bookmark_inner .bookmark_img figure { min-height: 200px; }
.banner .bookmark_cont .bookmark_inner .bookmark_text { width: calc(100% - 200px); padding: 0 0 0 20px; }
.banner .bookmark_cont h2 { font-size: 56px; line-height: 60px; padding: 0 0 10px; }
.banner .bookmark_cont p { font-size: 20px; line-height: 28px; }

.banner .scroll_bottom { width: 70px; margin: 0 0 0 -35px; }

.card_sec { max-width: 708px; }
.card_sec .card { width: calc(50% - 34px); }

.intro_sec { max-width: 768px; padding:0 20px; }
.intro_sec .desc_sec { padding: 55px 0 80px; }
.intro_sec h1 { font-size: 34px; line-height: 40px; padding:0 0 5px; }
.intro_sec p { font-size: 18px; line-height: 30px; padding: 0 0 20px; }


.intro_sec ul.the_logos { padding: 30px 0 48px 0; }

.slider_sec .product_slider { max-width: 560px; }
.slider_sec .product_slider .slick-prev { left: -90px; }
.slider_sec .product_slider .slick-next { right: -90px; }

.cta p { max-width: 700px; }

.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: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; 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: 7px 0 0 0; }
header ul.left_logos li.fiberone_logo { padding: 0 20px 0 0; }
header ul.left_logos li.fiberone_logo a { width: 36px; }
header ul.left_logos li.ew_logo { padding: 0 0 0 5px; }
header ul.left_logos li.ew_logo a { width: 136px; }
header ul.social_icon { margin-top: 10px; }

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


.banner{ height:calc(100vh - 70px); }
.home .banner{ height:auto; margin:20px auto 0; }
.banner .audio_btn{ right:15px; top:15px; }
.banner .bookmark_icon { width: 187px; right: 10px; bottom: 10px; }
.banner .bookmark_cont .bookmark_inner { display:block; max-width: 500px; padding: 0 20px 30px; text-align:center; }
.banner .bookmark_cont .bookmark_inner .bookmark_img { width: 120px; margin:0 auto; }
.banner .bookmark_cont .bookmark_inner .bookmark_img figure { min-height: 120px; }
.banner .bookmark_cont .bookmark_inner .bookmark_text { width: 100%; padding: 5px 0 0 0; text-align:center; }
.banner .bookmark_cont h2 { font-size: 35px; line-height: 39px; padding:0; }
.banner .bookmark_cont p { font-size: 15px; line-height: 19px; }

.banner .scroll_bottom { width: 50px; bottom:-50px; margin: 0 0 0 -25px; }


.intro_sec { max-width: 600px; }
.intro_sec .desc_sec { padding: 35px 0 50px; }
.intro_sec h1 { font-size: 30px; line-height: 36px; padding: 0 0 10px; }

.intro_sec ul.the_logos { padding: 20px 0 48px 0; }

.intro_sec ul.the_logos li.fiberone_logo { padding: 0 24px 0 0; background-size: 12px auto !important; }
.intro_sec ul.the_logos li.fiberone_logo a { width: 42px; }
.intro_sec ul.the_logos li.ew_logo { padding: 0 0 0 14px; }
.intro_sec ul.the_logos li.ew_logo a { width: 156px; }


.card_sec { max-width: 316px; }
.card_sec .card { width: 100%; margin:0 0 30px; }
.card_sec .card .card_cont p { font-size: 18px; line-height: 20px; }

.card_sec .card .tip_cont { /*min-height: 0;*/ padding: 14px 15px 20px 15px; }
.card_sec .card .tip_cont.tip_cont1{ min-height:0; }
.card_sec .card .tip_cont.tip_cont2{ min-height:0; }
.card_sec .card .tip_cont.tip_cont3{ min-height:0; }
.card_sec .card .tip_cont.tip_cont4{ min-height:0; }
.card_sec .card .tip_cont.tip_cont5{ min-height:0; }




.card_sec .card .tip_cont h2 { font-size: 23px; line-height: 33px; padding: 0 0 10px; margin: 0 0 9px; }
.card_sec .card .tip_cont p { font-size: 17px; line-height: 31px; }


.slider_sec { padding: 35px 0 55px; }
.slider_sec .product_slider { max-width: 270px; }
.slider_sec .inner_cont { padding: 0 0; }
.slider_sec .product_slider .slick-prev { left: 0; top: 100%; margin: 10px 0 0; }
.slider_sec .product_slider .slick-next { right: 0; top: 100%; margin: 10px 0 0; }
.slider_sec .inner_cont h2 { font-size: 17px; line-height: 21px; }
.slider_sec .inner_cont .shop_now { font-size: 17px; line-height: 23px; }

.cta { padding: 16px 30px 20px; }
.cta p { font-size: 20px; line-height: 25px; max-width: 540px; }

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; }
.social_icons_box{ padding:42px 15px 0; }

}

@media only screen and (min-width: 768px) {
header .social_part .social_icons { display: block !important; }
.social_icons_box.active { opacity: 0; top: 100%; bottom: auto; }

}