/*Fonts*/
@font-face {
  font-family: "HPSimplified";
  font-style: normal;
  font-weight: normal;
  src: url("http://www8.hp.com/us/en/images/fonts/v2-0/hps-euro-w01-regular-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/us/en/images/fonts/v2-0/hps-euro-w01-regular-woff.woff") format("woff"), url("http://www8.hp.com/us/en/images/fonts/v2-0/hps-euro-w01-regular-ttf.ttf") format("truetype");
}
@font-face {
  font-family: "HPSimplifiedLight";
  font-style: normal;
  font-weight: normal;
  src: url("http://www8.hp.com/us/en/images/fonts/hps/latin-e-light-eot.eot?#iefix") format("embedded-opentype"), url("http://www8.hp.com/us/en/images/fonts/hps/latin-e-light-woff.woff") format("-woff.woff"), url("http://www8.hp.com/us/en/images/fonts/hps/latin-e-light-ttf.ttf") format("truetype");
}
/*Fonts*/

/*reset css*/
body h1, body h2, body h3, body h4, body h5, body a, body p, body span, body strong {margin: 0; padding: 0;}
body h1, body h2, body h3, body h4, body h5 {font-weight: normal;}
a, img {text-decoration: none; outline: none;}
a:focus {outline: none; border: 0px; border:none; outline-offset:0;}
*{padding: 0px; margin: 0px;}
.img-responsive {width: 100% !important; display: block;}
.pull-right {float: right;}
.clearfix{clear: both;}
/*reset css*/

body {margin: 0; padding: 0; font-family: "HPSimplifiedLight"; color: #191919; font-size: 16px; line-height: 24px;}

/*Container*/
.container {max-width: 1280px; width: 100%; margin: 0 auto; position: relative;}
/*Container*/

/*Section*/
section { float: left; width: 100%; }
/*Section*/

/*Headings*/
h1 {
  text-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
  font-family: "HPSimplified";
  color: #fff;
  font-size: calc(26px + (48 - 26) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(28px + (50 - 28) * ((100vw - 300px)/(1920 - 300)));
}

h1 span{
  font-size: calc(20px + (32 - 20) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(22px + (50 - 22) * ((100vw - 300px)/(1920 - 300)));
}

h2 {
  text-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
  font-family: "HPSimplified";
  color: #fff;
  font-size: calc(22px + (34 - 22) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(22px + (40 - 22) * ((100vw - 300px)/(1920 - 300)));
}
h3 {
  text-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
  font-family: "HPSimplified";
  color: #fff;
  font-size: calc(22px + (28 - 22) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(28px + (35 - 28) * ((100vw - 300px)/(1920 - 300)));
}

h4 {
  text-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
  font-family: "HPSimplified";
  color: #000;
  font-size: calc(20px + (20 - 20) * ((100vw - 300px) / (1920 - 300)));
  line-height: calc(28px + (28 - 28) * ((100vw - 300px)/(1920 - 300)));
}

/*Headings*/

header{
	float: left;
	width: 100%;
}


/*Page Title*/
.page_title {font-family: "HPSimplified"; float: right; font-size: 20px; line-height: 25px; color: #000000; padding-top: 23px;}
/*Page Title*/

/*navigation css Start */
nav .blue_btn {margin-top: 16px;}
nav {background: #ffffff; border-bottom: 1px solid #F6F6F6; float: left; width: 100%; height: 72px; -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1); box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
.fixed {position: fixed; width: 100%; z-index: 999}
.links {padding: 0; display: table; width: 100%; max-width: 350px; margin: 0 auto; text-align: center;}
.links > li {line-height: 0; display: table-cell; vertical-align: middle; position: relative;}
.links > li > a {font-family: "HPSimplified"; display: block; padding: 23px 8px; text-align: center; text-decoration: none; line-height: 25px; font-size: 16px; white-space: nowrap; color: #000000;
  opacity: 0.6;}
.links > li > a.active,.links > li > a.active span {opacity: 1;}
.links > li > a span {white-space: normal; display: inline-block; vertical-align: middle; max-width: 100%; position: relative;}
.links > li > a > span:after {content: ''; display: block; height: 2px; width: 100%; left: 0; position: absolute; right: 0; bottom: -7px; margin: 0 auto; background: #ffffff; -webkit-transition: all .3s ease; transition: all .3s ease;}
.links > li > a.active > span:after {background: #006ba7;}
/*navigation css End */


/*Blue Background Button*/
.blue_btn {font-family: "HPSimplified"; font-size: 16px; line-height: 41px; letter-spacing: 0.3px; color: #f8f8f8; background: #0171ad; height: 40px; padding: 0px 25px; display: inline-block;}
/*Blue Background Button*/

 
/* Hero Banner CSS*/
.hero_banner {width: 100%; float: left; background: url("../images/img_elite_dragonfly_module01_hero_desktop.jpg") no-repeat scroll 50% 50%; background-size: cover; height:390px; position: relative;}
.hero_banner .intel_logo{width: 100%; position: absolute; left: 0; bottom: 20%; text-align: center;}

/*Tagline CSS*/
.tagline {width:auto; text-align: center; color: #fff; padding: 154px 0 0 0; text-shadow: 0 3px 20px rgba(0, 0, 0, 0.08); position: absolute; right: 500px;}
.tagline p {padding: 32px 0 0 0;}
.tagline p:last-child {padding: 19px 0 0 0;}

.intel_logo_mobile{width: 100%; display: none; background: #09101d;background: linear-gradient(to bottom, #09101d 0%,#09101d 100%); text-align: center; color: #fff; padding:5px 0px 30px;}
.intel_logo_mobile p{padding:20px 0px 0 0 ;}
.intel_logo_mobile p:last-child{padding-top:56px;}

/*Tagline CSS*/

/*Container*/
.hero_banner .container {height: 100%;}
/*Container*/

/*Sign up Section CSS*/
.hero_banner .sign_up {font-family: "HPSimplified"; width: 100%; position: absolute; bottom: 20px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #f7f7f7; text-align: center;
  height: 60px; display: table; z-index: 1;}
.hero_banner .sign_up p {display: table-cell; vertical-align: middle;}
.hero_banner .sign_up .cta {font-family: "HPSimplified"; font-size: 16px; line-height: 38px; letter-spacing: 0.3px; color: #0171ad; background: #ffffff; height: 38px; padding: 0px 25px; display: inline-block; border: 2px solid #0171ad; margin-left: 19px;}
.hero_banner .sign_up .cta:hover {color: #ffffff; background: #0171ad;}
.X {width: 16px; height: 16px; object-fit: contain; position: absolute; right: 29px; top:17px;}
.hero_banner .sign_up .blue_btn{ margin-left: 19px;}
/*Sign up Section CSS*/

/* Hero Banner CSS*/

/*incredibly light Sections CSS*/
.incredibly_light{float: left; width: 100%; background: url("../images/module02_background_desktop.jpg") no-repeat center top ; background-size: cover; height:600px; display: table;}
.incredibly_light .product{width:60%; display: table-cell; vertical-align: middle; }
.incredibly_light_info{text-align: center; display: table-cell; vertical-align: middle; padding-right:160px; font-family: "HPSimplified";}
.incredibly_light_info h3{color: #000000; padding-bottom: 7px;}

.incredibly_light .mobile_product{display: none;}
/*incredibly light Sections CSS*/


/*Ready to impress Section CSS*/
.ready_to_impress{float: left; width: 100%; background: url("../images/module03_background_desktop.jpg") no-repeat center top ; background-size: cover; height: 540px;}
.ready_to_impress .wrap_info{max-width: 534px; margin:69px auto 0 auto; text-align: center; color: #fff; font-size: 20px; line-height: 28px;}
.ready_to_impress .wrap_info h2{padding-bottom: 11px;}
/*Ready to impress Section CSS*/

/*Features Section CSS*/
.features{float: left; width: 100%; position: relative; margin-top: -50px;}
.features .container{max-width: 942px;}
.features .wrap_info{width: 33.33%; text-align: center; float: right;  background: #fff; padding-bottom: 20px;}
.features .wrap_info h4{padding: 28px 0 28px 0;}
.features .wrap_info p{padding: 11px 0 0 0; min-height: 48px;}

.business_title{width: 660px; margin: 0 auto; text-align: center;}
.business_title h3 {color: #000; padding: 33px 0px 12px 0px;}


.features .video{float: left; width: 100%; overflow: hidden; margin: 32px 0px 34px 0px; }
.features .video .container{max-width: 1280px}
.features .video .videoWrapper {position: relative; padding-top: 40%;  background: #fff;}
.features .video .videoWrapper video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff;} 



.business_sub_title{max-width:716px; width: 100%; margin: 0 auto 54px auto; text-align: center; font-size:22px; line-height: 28px; }
/*Features Section CSS*/


/*Work with peace of mind Section CSS*/
.work_with{float: left;	width: 100%; display: table; table-layout: fixed; background: url("../images/module05_workwithpeaceofmind_desktop.jpg") no-repeat center top ; background-size: cover; height: 540px;}
.work_with h2{display: table-cell; vertical-align: middle; text-align: center;}
/*Work with peace of mind Section CSS*/

.box_section{float: left; width: 100%; padding: 55px 0px;}
.box_section > div > div{float: right;}

/*Privacy Camera Section CSS*/
.privacy_camera{float: left; width: 33.3333%; background: url("../images/hpprivacycamera_desktop.jpg") no-repeat center top ; background-size: cover; height: 418px; text-align: center; position: relative;}
.privacy_camera .info{position: absolute; bottom:32px; padding: 0px 30px; color: #fff;  text-align: center; left: 0; right: 0;}
.privacy_camera .info h4{color: #fff; padding: 0px 0px 4px 0px;}
.privacy_camera .info p{padding: 0px 16%; font-size: 14px; line-height: 20px; height: 40px;}
/*Privacy Camera Section*/

/*Integrated privacy screen Section CSS*/
.integrated_privacy_screen{float: left;  width: 33.3333%; background: url("../images/integratedprivacyscreen_desktop.jpg") no-repeat center top ; background-size: cover; height: 418px; text-align: center; position: relative;}
.integrated_privacy_screen .info{position: absolute; bottom:32px; padding: 0px 30px; color: #000; text-align: center; left: 0; right: 0;}
.integrated_privacy_screen .info h4{color: #000; padding: 0px 0px 4px 0px;}
.integrated_privacy_screen .info p{font-size: 14px; line-height: 20px; height: 40px;}
/*Integrated privacy screen Section CSS*/


/*Integrated privacy screen Section CSS*/
.multi_factor{float: left;  width: 33.3333%; background: url("../images/hpmultifactorauthenticategen_desktop.jpg") no-repeat center top ; background-size: cover; height: 418px; text-align: center; position: relative;}
.multi_factor .info{position: absolute; bottom:32px; padding: 0px 30px; color: #fff; text-align: center; left: 0; right: 0;}
.multi_factor .info h4{color: #fff; padding: 0px 0px 4px 0px;}
.multi_factor .info p{font-size: 14px; line-height: 20px; height: 40px;}
/*Integrated privacy screen Section CSS*/


/*World’s most secure PCs8 CSS*/
.secure_pcs{float: left; width: 100%; background: #f7f7f7; padding: 64px 0px; display: table; table-layout: fixed;}
.secure_pcs .secure_pcs_img{width: 49%; display: table-cell; vertical-align: middle;}
.secure_pcs .secure_pcs_info{width:51%;  display: table-cell; vertical-align: middle; text-align: center;}
.secure_pcs .secure_pcs_info .wrap_info{max-width:390px; width: 100%; margin: 0 auto;}

.secure_pcs .secure_pcs_info .wrap_info h3{color: #000; padding: 0px 0px 8px 0px;}
.secure_pcs .secure_pcs_info .wrap_info p{padding-bottom: 31px;}
/*World’s most secure PCs8 CSS*/


/*Exploded view Section CSS*/
.exploded_view{float: left; width: 100%; padding: 50px 0px;}
.exploded_view .exploded_view_image{width:49%; float: right;}
.exploded_view .exploded_view_tab{width:20%; float: right; margin-right:5%;}
.exploded_view .exploded_view_content{width:20%; float: right; font-size: 20px; line-height:35px; color: #000;}


.exploded_view_tabs {overflow: hidden; width: 100%;margin: 0;padding:40px 0 0 0 !important; list-style: none; }
.exploded_view_tabs li {display: block !important; }
.exploded_view_tabs a {position: relative; background: #ffffff; display:block; text-decoration: none; color:rgba(0,0,0,0.5); font-size:16px; line-height: 22px; width:100%; font-family: "HPSimplified";}
.exploded_view_tabs .slick-slide{width: 100% !important; display: block !important; padding: 7px 0px 60px 0px; border-top:1px solid #fff; font-family: "HPSimplified";}
.exploded_view_tabs .slick-slide.slick-current{ border-top: 1px solid #808080;}
.exploded_view_tabs .slick-slide.slick-current a{ color:rgba(0,0,0,1);}

.exploded_view_slider .slick-slide .display_pen{padding-top:22px !important;}
.exploded_view_slider .slick-slide .chassis{padding-top:110px !important;}
.exploded_view_slider .slick-slide .keyboard{padding-top:200px!important;}
.exploded_view_slider .slick-slide .processor{padding-top:290px !important;}
.exploded_view_slider .slick-slide .antenna{padding-top:283px !important;}

.exploded_bottom_content{float: left; width: 100%; position: relative; padding-top: 50px;}

.exploded_bottom_content .slide_info.display_pen,.exploded_bottom_content .slide_info.chassis,.exploded_bottom_content .slide_info.keyboard,.exploded_bottom_content .slide_info.processor{display: none;}


.exploded_bottom_content .exploded_view_slider .slick-slide .antenna{
	padding: 0px !important;
	text-align: center;
}

.exploded_bottom_content .font-lh3{
font-size: 24px; 
	line-height: 32px;
	color: #000;
	padding: 15px 0 0 0;
}
.exploded_bottom_content .exploded_view_slider .slick-slide .antenna > div{float: right;}


/*.slide_info{ font-size: 14px; color: #888;}*/
.slide_info ul{ padding: 10px 0 0 20px}
.slide_info strong{font-family: "HPSimplifiedLight";}

/*Exploded view Section CSS*/

/*Popup Section CSS*/
.modal-body {padding: 50px 50px 100px 50px;}
.modal-body .col-md-4.col-sm-4{padding:30px 15px; float: right;}
.modal-body .row:first-child{border-bottom: 1px solid #f2f2f2;}
.modal-body h4{padding-bottom: 9px;}
.modal-body .heading_h{height: 100px;}
.modal-body .row .blue_btn{background: #fff; color:#0171ad; border: 2px solid #0171ad; line-height: 38px}
/*Popup Section CSS*/


/*Adaptable design Section CSS*/
.adaptable_design{width:100%; float: left; background: #0d1424; padding: 54px 0px;}
.adaptable_design .wrap_text{max-width: 400px; width: 100%; text-align: center; color: #fff; margin: 0 auto 60px auto;}
.adaptable_design .wrap_text h2{padding-bottom: 7px;}


.adaptable_design_carousel {color: #ffffff;	padding:9px 0px 0; margin-top: -6px !important;}
.adaptable_design_carousel .slide {opacity: 0.6; cursor: pointer; position: relative;}
.adaptable_design_carousel .slide:after{content:""; border-top: 4px solid #0d1424; border-bottom-right-radius:5px; width: 50px; position: absolute; right: 0; top:0px; z-index: 999;}
.adaptable_design_carousel .slick-slide.slick-current.slick-active .slide,.cadaptable_design_carousel .slick-slide .slide:hover {opacity: 1;}

.adaptable_design_carousel .slick-slide.slick-current.slick-active .slide:after {border-color:#0071ad;  }
.adaptable_design_carousel .slide p {font-family: "HPSimplifiedLight"; font-size: 16px; line-height: 22px;}
.adaptable_design_carousel .slide p:last-child{padding-top: 11px;}
.adaptable_design_carousel .slide img {margin: 16px 0px 17px 0px;}
.adaptable_design_carousel .slide p span {font-size: 20px; line-height:28px; color: #ffffff; font-family: "HPSimplified";}
/*Adaptable design Section CSS*/


/*HP Premier Care Solutions CSS*/
.care_solutions{float: left; width: 100%; background: #ffffff; padding: 64px 0px; display: table; table-layout: fixed;}
.care_solutions .care_solutions_img{width: 49%; display: table-cell; vertical-align: middle;}
.care_solutions .care_solutions_info{width:51%;  display: table-cell; vertical-align: middle; text-align: center;}
.care_solutions .care_solutions_info .wrap_info{width:75%; margin: 0 auto;}

.care_solutions .care_solutions_info .wrap_info h3{color: #000; padding: 0px 0px 8px 0px;}
.care_solutions .care_solutions_info .wrap_info p{padding-bottom: 31px;}

/*HP Premier Care Solutions CSS*/


/* Accessorize your experience Section CSS */
.accessories_tab{float: left; width: 100%; background: #0d1424; padding: 70px 0px 80px 0px;}
.accessories_tab h2{text-align: center;}

.accessories_tab .tab_main{max-width:1134px; float: left; width: 100%;}


#tabs {overflow: hidden; width: 100%;margin: 0;padding:52px 0 0 0; list-style: none; }
#tabs li {float: right; margin:0; width: 33.333333%;}
#tabs a {position: relative;background: #ffffff; float: left;	text-decoration: none; color:rgba(0,0,0,0.5); font-size:20px; line-height: 28px; width:100%; text-align: center; padding: 16px 0px;  font-family: "HPSimplified";}
#tabs a:hover, #tabs a:hover::after, #tabs a:focus, #tabs a:focus::after {background: #d5f3ff;color: #000;}
#tabs a:focus {outline: 0;}
#tabs #current a {background: #d5f3ff;  color: #000;}
#content {padding: 0px;position: relative;  display: table; width: 100%;}
#content .wrap_text{ position: absolute; top:27%; right: -60px; display: table !important; z-index: 1; max-width: 428px; width: 100%; box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.06); background: #ffffff; height: 182px;}
#content .wrap_text .dis{display: table-cell !important;  vertical-align: middle; padding-right: 50px;}
#content .wrap_text .dis p{padding-top: 7px;}
/* Accessorize your experience Section CSS */


/*Accessories Slider Section CSS*/
.accessories_slider{float: left; width: 100%; background: #f3f3f3;}
.accessories_slider .container{max-width: 1050px;}
 
.accessories_slider .slick-slide{margin:70px 15px;}
.accessories_slider .slide-item {background: #ffffff; padding: 5px 5px 29px 5px; box-shadow: 0 8px 12px 0px #b2b2b2; position: relative; }
.accessories_slider .slide-item .img {position: relative; padding-bottom: 25px;}
.accessories_slider .slide-item .img .title {background: #fff; padding: 10px 8px 10px 11px; position: absolute; color: #0073b2; pointer-events: none; z-index: 2; font-size: 20px; line-height: 28px; font-family: "HPSimplified";}
 

.accessories_slider .slide-item p{padding:0px 15px 0px 15px;}
.accessories_slider .slide-item ul{padding:24px 32px 23px 0px; margin: 0px;}
.accessories_slider .slide-item .price .blue_btn{margin-top: 9px; width: 110px; text-align: center; padding: 0px;}
.content-wrap p:first-child{min-height: 48px;}
.content-wrap ul{min-height: 150px;}
.price{position: absolute; bottom: 30px; width: 100%;}
.price .blue_btn{ left: inherit; right: 15px;}

.accessories_slider .coming{ color: #fff; background: #bbb; cursor: default;}

/*Accessories Slider Section CSS*/

/*Bottom Sign up CSS*/
.stay_up {width: 100%; float: left; background: #0096d6; text-align: center; height: 262px; display: table;}
.stay_up h3 {display: table-cell; vertical-align: middle;}
.stay_up h3 span {display: block; padding-top: 26px;}

.stay_up .blue_btn{background: #fff; color: #0171ad;}

/*Bottom Sign up CSS*/


/*Footer CSS*/
footer {width: 100%; float: left; background: #e8e8e8; padding: 37px 0px;}
footer p{font-family: "HPSimplified"; font-size: 12px; letter-spacing: 0.3px; color: #000000; line-height: 16px; padding: 8px 0px;}
footer ol li a {color: #000000; text-decoration: none;}
/*Footer CSS*/
.care_solutions_img.mobile_image{display: none; }

/*Mobile Menu Css*/
.mobile_btn {display: none; z-index:999; font-size:34px; margin-top: 18px;}
.mobile_btn a {text-decoration:none;}
.btn-open:after {color:#0096d6;	content:"\f0c9"; font-family:"FontAwesome"; transition-property:all .2s linear 0s;	-moz-transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; -o-transition:all .2s linear 0s; border-radius:0px;}
.btn-open:hover:after {color:#000;}
.btn-close:after {color:#0096d6; content:"\f00d"; font-family:"FontAwesome"; transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; -o-transition:all .2s linear 0s;}
.btn-close:hover:after {color: #ec1c24;}

.toggle_menu {display:none; position:absolute; top:60px; width:100%; background:#fff; overflow:auto; z-index:99; right:0; border-top: 1px solid #e9e9e9;
-moz-box-shadow: 0 5px 10px rgba(0,0,0,.5);
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.5);
box-shadow: 0 5px 10px rgba(0,0,0,.5);}
.toggle_menu ul li{float: left; width: 100%; text-align: left;}
.toggle_menu ul li a{border-right: 0px; padding: 15px 20px; float: left; width: 100%;  border-top: 1px solid #e9e9e9 !important;}

.slick-next.slick-arrow.slick-disabled,.slick-prev.slick-arrow.slick-disabled{opacity: 0.5;}
/*Responsive CSS*/
[dir='rtl'] .slick-prev{/*background: url(../images/left_arrow.png) no-repeat left top !important;*/right: -50px !important; left: inherit !important }
[dir="rtl"] .slick-next{/*background: url(../images/right_arrow.png) no-repeat left top !important;*/ left: -50px !important; right: inherit !important}

#security{overflow: hidden; position: relative;}

 @media only screen and (max-width:1024px){
	 .hero_banner .sign_up{width: 97%;}
	 	 .exploded_view_tabs .slick-slide{padding-bottom:25px;}

}

 @media only screen and (max-width:1024px) and (min-width:721px) {
	.acc_slider .slick-prev{left: 15px;}
	.acc_slider .slick-next{right:15px;}
	#content .wrap_text{top:18%; right: 0;}

	.hero_banner .sign_up{width: 96%;}
	.incredibly_light_info{padding-right: 0px;}
	.incredibly_light{height: 350px;}
	 
	 .exploded_view .exploded_view_content{font-size: 16px; width:25%; }
	 .exploded_view .exploded_view_tab{margin-right: 5%;}
	 .exploded_view_tabs .slick-slide{padding-bottom: 15px;}
	 .exploded_view_tabs a{font-size: 12px;}
		.exploded_view_tabs{padding: 0px !important;}
		.exploded_view_slider .slick-slide .display_pen{padding-top:0!important;}
		.exploded_view_slider .slick-slide .chassis{padding-top:0!important;}
		.exploded_view_slider .slick-slide .keyboard{padding-top:0!important;}
		.exploded_view_slider .slick-slide .processor{padding-top:0!important;}
		.exploded_view_slider .slick-slide .antenna{padding-top:0!important;}
	 
	 [dir="rtl"] .slick-next{right:15px !important;}
	 [dir="rtl"] .slick-prev{left:15px !important;}
	 
	 .tagline{left: 5%;}
}



@media only screen and (max-width:767px) and (min-width:320px) {
	.mobile_btn {display: block; float: right;}
	.desktop_menu{display: none;}
	nav{height: 62px;}
	.blue_btn.pull-right{display: none;}
	.page_title{padding-top: 18px;}
	
	.links {max-width: 100%;}
	.toggle_menu p{text-align: center; padding-bottom: 15px;}
	.close {right: 0; top: 0; background: #0171ad !important; padding: 3px !important; font-size: 0px; }
	
	.modal-body .col-md-4.col-sm-4{border-bottom: 1px solid #f2f2f2;  padding-left: 0px; padding-right: 0px;}
	.modal-body .heading_h{height: auto;}
	.modal-body .col-md-4.col-sm-4:last-child{border: 0px;}
	.modal-body {padding-top: 50px; padding-bottom: 50px;}
	.close{position: fixed;}
/*	#myModal .modal-content {   height:70vh; overflow:hidden; overflow-y:scroll;}*/

	.blue_btn{position: absolute; left: 0; top: -5px;}
		.page_title{width:73%; text-align: center;}
}

@media only screen and (max-width:720px) and (min-width:320px) {
	
		.exploded_view_tabs .slick-slide{border-bottom: 2px solid #fff; border-top: 0px; padding: 0px 0px 10px 0px; margin-bottom: 28px;}
		.exploded_view_tabs .slick-slide.slick-current{border-bottom: 2px solid #7f7f7f;  border-top: 0px;}
		.exploded_view_tabs .slick-slide{display: inline !important; width:auto!important; margin-left:30px;}
		.exploded_view_tabs .slick-slide:last-child{margin: 0px;}
		.exploded_view .exploded_view_image,.exploded_view .exploded_view_tab,.exploded_view .exploded_view_content{width: 100%;}
		.exploded_view_slider .slick-slide .display_pen{padding-top:0!important;}
		.exploded_view_slider .slick-slide .chassis{padding-top:0!important;}
		.exploded_view_slider .slick-slide .keyboard{padding-top:0!important;}
		.exploded_view_slider .slick-slide .processor{padding-top:0!important;}
		.exploded_view_slider .slick-slide .antenna{padding-top:0!important;}

	
	.hero_banner{background:#09101d url("../images/Hero_Dragonfly_Mobile.jpg")  no-repeat scroll 50% 50%; height:240px;}
	.hero_banner .tagline {}
	
  	.container {max-width: 92%; padding: 0px;}
	.hero_banner .sign_up{bottom: -25px; position: relative;}
	
	.incredibly_light .product,.secure_pcs .secure_pcs_img,.secure_pcs .secure_pcs_info,.care_solutions .care_solutions_info{display: table; width: 100%;}
	.incredibly_light{background: #f3f3f3; padding-bottom: 141px;}
	.incredibly_light_info{display: inherit; width:70%; padding: 0px; margin: 0 auto;}
	
	.ready_to_impress .wrap_info{max-width: 309px;}
	.features .wrap_info{width: 100%;}
	.business_title{width: 75%; padding-top:50px;}
	.business_sub_title{max-width: 65%;}
	
	.privacy_camera,.integrated_privacy_screen,.multi_factor{width: 100%; height: 680px;}
	
	
	.privacy_camera{background: url("../images/hpprivacycamera_mobile.jpg") no-repeat center top ; background-size: cover;}
	.multi_factor{ background: url("../images/hpmultifactorauthenticategen_mobile.jpg") no-repeat center top ; background-size: cover;}
	.integrated_privacy_screen{background: url("../images/integratedprivacyscreen_mobile.jpg") no-repeat center top ; background-size: cover; margin: 10px 0px;}
	
	
	.secure_pcs .secure_pcs_info {padding-top: 40px;}
	.adaptable_design .container:last-child{}
	
	
	.care_solutions_img.mobile_image{display: block; width: 100%;}
	.care_solutions_img.desktop_image{display: none; }
	.care_solutions_info{padding-top: 45px;}
	
	#content .wrap_text {position: relative; max-width:60%; right: 50%; margin-right: -30%; height: 180px; top: -29px;}
	#tabs a{font-size: 18px; line-height: 24px; padding: 16px 0px;}
	#content .wrap_text .dis{padding-right: 11.7%;}
	
	.acc_slider .slick-prev{left: 15px;}
	.acc_slider .slick-next{right:15px;}
	
		 [dir="rtl"] .slick-next{right:15px !important;}
	 [dir="rtl"] .slick-prev{left:15px !important;}
	
	.tagline p{padding-top: 158px;}
	.tagline p:last-child{padding-top: 13px;}
	
	.ready_to_impress{background: url("../images/readytoimpress_background_mobile.jpg") no-repeat center top; background-size: cover; height: 810px;}
	.features .container{max-width: 92%;}
	
	.features .video .container{max-width: 92%;}
	
	.work_with { background: url("../images/workwithpeaceofmind_mobile.jpg") no-repeat center top; background-size: cover; height: 495px;}
	
	.incredibly_light .product{padding-top: 50px;}
			
}
@media only screen and (max-width:719px) and (min-width:320px) {
	.hero_banner .tagline{width: 100%;}
	.hero_banner .tagline p{ display: none;}
	.hero_banner .intel_logo{display: none;}
	.intel_logo_mobile{display: block; width: 100%;}
	.incredibly_light .product{display: none;}
	.incredibly_light .mobile_product {display: block;}
	
	.exploded_bottom_content{padding: 0px; margin-top: -60px;}
	.exploded_bottom_content .font-lh3{font-size: 22px;}
	
}


@media only screen and (max-width:640px) and (min-width:320px) {
	#content .wrap_text {max-width:80%; right: 50%; margin-right: -40%; }
	.business_sub_title {max-width: 80%;}

	.hero_banner .sign_up p span{display: block; padding-top: 8px;}
	.hero_banner .sign_up {padding: 10px 0px;}
	.X{bottom: 27px; top: inherit;}
	.stay_up h3{padding: 0px 15px;}
  .price{bottom: 20px;}
	
	#tabs a{font-size: 14px; line-height: 14px;}
	
}