.OS_main_wrapper p, 
.OS_main_wrapper h2, 
.OS_main_wrapper h3, .OS_main_wrapper h4, .OS_main_wrapper h5, .OS_main_wrapper h6, .OS_main_wrapper figure, .OS_main_wrapper br, .OS_main_wrapper hr, hr, .bg_full_seven h2, h4, 
.OB_laptops p, 
.OB_laptops h2, 
.OB_laptops h3, .OB_laptops h4, .OB_laptops h5, .OB_laptops h6, .OB_laptops figure, .OB_laptops br, .OB_laptops hr, hr{ margin: 0;padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
.OB_laptops, .OB_laptops p{font-family: Forma DJR Micro, Arial, Helvetica, sans-serif;font-weight: normal;}
.OS_main_wrapper{max-width: 1280px; display: flex; flex-direction: column; margin:0 auto !important; font-family: Forma DJR Micro, Arial, Helvetica, sans-serif;gap: 50px;}
.OS_main_wrapper h2, .OB_laptops h2 {font-size: clamp(2.5rem, 2.0313rem + 2.3438vw, 4.375rem);  line-height: 1;    text-wrap-style: pretty;font-weight: normal;}
.OS_main_wrapper p {font-size: clamp(1.125rem, 0.9375rem + 0.9375vw, 1.875rem);}
.OS_main_wrapper_hr{border: 1px solid #000;}
.bg_full_seven_container_wrapper hr {border: 1px solid #fff; margin: 0 !important;}
.OS_main_wrapper .SE_one .content_block .OS_title h2, .OS_main_wrapper .SE_two .content_block .OS_title h3{/*text-align: center;*/line-height: 1.1;}
.OS_main_wrapper .SE_one .content_block, .OS_main_wrapper .SE_two .content_block{gap: 50px;display: flex;flex-direction: column;}
.OS_main_wrapper img{width: 100%;height: 100%;object-fit: cover;}

.OS_main_wrapper .SE_two{margin: 60px 0;}
.moving-div1, .moving-div2 {
width: 50%;
    position: relative;
    height: 520px;
}
.moving-div2 {
    width: 50%;
    position: relative;
    height: 500px;
}
.moving-div1 img {
   position: absolute;
    top: 0;
    left: -260px;
    will-change: transform;
}
.moving-div2 img {
   position: absolute;
    top: 0;
    right: -260px;
    will-change: transform;
}
/* .moving-div1 img {  margin-left: -258px;}
.moving-div2 img {  margin-right: -258px;} */
.moving-div1 img, .moving-div2 img {  width: 100%;  height: auto;}


.SE_two_img_block{display: flex;gap: 30px;}
.SE_two_img_block>div{width: 33.33%;display: flex;flex-direction: column;}
.SE_two_img_block .image_wrapper h2{font-size: 34px;   text-align: center;    line-height: 1.1;}
.SE_two_img_block .image_wrapper p{font-size: 22px;text-align: center;}

.SE_two_img_block .image_wrapper .content_wrapper{display: flex;flex-direction: column;  gap: 30px;padding: 30px;background: #fff;align-items: center;height: 450px;}

.SE_two_img_block .image_wrapper>div img{height: auto;max-width: 200px;}


.MT_10{margin-top: 20px !important;}
.OS_main_wrapper h3, .OB_container .right_content h3, .OB_laptop_3_col h3, .SL_item_content h2{font-size: clamp(1.875rem, 1.4583rem + 2.0833vw, 3.125rem);font-weight: normal;line-height: 1;}

.OB_container img{width: 100%;height: 100%;object-fit: cover;}
.OB_container{display: flex;width: 100%;align-items: center;}
.OB_container>div{width: 50%;}
.snapdragon_wrapper{max-width: 25%;    padding-top: 40px;}
.OB_container .right_content{margin: 30px 0;}
/*.OB_container .right_content h3, .OB_laptop_3_col h3{font-size: 50px;font-weight: normal;line-height: 1;}*/
.OB_laptop_3_col p{font-size: 22px !important;}
.marg_btm_20{margin-bottom: 20px !important;}
.OB_container .right_content p{margin-top: 80px;}

.OB_laptops p, .OB_laptops h1, .OB_laptops h2, .OB_laptops h3, .OB_laptops h4, .OB_laptops ol, .OB_laptops ol li{margin: 0; padding: 0; }
.OB_laptops p{font-size: 26px;line-height: 1.3;text-wrap-style: pretty;}
.xs_xl{font-size: clamp(1.375rem, 1.25rem + 0.625vw, 1.75rem) !important;}
.body-2{font-size: 18px !important; display: block;   padding: 15px 0 !important;text-align: center;}
.work_fun{width: 100%;display: flex;flex-direction: column;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.work_fun .OB_work, .work_fun .OB_fun{display: flex;}
.work_fun .OB_work>div, .work_fun .OB_fun>div{width: 50%;}
.work_fun .OB_work .OB_work_content, .work_fun .OB_fun .OB_fun_content{padding: 30px 0;}
.work_fun .OB_work .OB_work_content div{padding-left: 300px;padding-right: 50px;}
.work_fun .OB_fun .OB_fun_content div{padding-left: 50px;    padding-right: 300px;}
.work_fun .OB_work .OB_work_content h3, .work_fun .OB_fun .OB_fun_content h3{font-size: 180px;margin: 0;line-height: 1;font-weight: normal;}
.OB_work_img img, .OB_fun_img img{width: 100%;height: 100%;object-fit: cover;}

.OB_laptops .OB_laptop_3_col{max-width: 1280px;display: flex;flex-direction: column;margin: 0 auto;}
.OB_laptops .OB_laptop_3_col img{width: 100%;}
.OB_laptops .OB_laptop_3_col article{padding-top: 50px;}



.OS_main_wrapper .SE_three, .OS_main_wrapper .SE_four{display: flex;padding-top: 70px;padding-bottom: 50px;}
.OS_main_wrapper .SE_three{gap: 30px;}
.OS_main_wrapper .SE_three .content_block{width: 25%;padding-right: 35px;}
.OS_main_wrapper .SE_three .image_block_slider{width: 75%;}
.OS_main_wrapper .SE_three .image_block_slider .SE_three_slide .SE_three_slide_wrapper{background: #e5e5e5;}
.OS_main_wrapper .SE_three .image_block_slider .SE_three_slide_wrapper img{height: auto;}
.slick-slide img{
  max-width: 100%;
}
.OB5 .slick-next {
  position: absolute;
  z-index: 99;
  top: 45%;
  right: 1%;
  color: #fff;
  background-color: #4c454559;
  border: 1px solid #fff;
  padding: 10px 12px;
  cursor: pointer;
}
.OB5 .slick-prev {
  position: absolute;
  z-index: 99;
  top: 45%;
  left: 1%;
  color: #fff;
  background-color: #4c454559;
  border: 1px solid #fff;
  padding: 10px 12px;
  cursor: pointer;
}
.OS_main_wrapper .SE_three .content_block h4, .OS_main_wrapper .SE_five .content_block h4{font-size: clamp(1.625rem, 1.4063rem + 1.0938vw, 2.5rem);line-height: 1.2;}
.OS_main_wrapper .SE_three .content_block p, .OS_main_wrapper .SE_four .content_block p{font-size: 20px;margin-top: 20px;line-height: 1.3;}

/*3rd section slider section*/
.SE_three_content_box_wrapper{display: flex;flex-direction: row;background-color: #0096d6;}
.SE_three_content_box_wrapper .SE_three_content_box{cursor: pointer;border-right: 1px solid #000;width: 25%;height: 270px}
.SE_three_content_box_wrapper .SE_three_content_box:last-child{border-right: none;}
.before_box_cover{display: flex;flex-direction: column;align-items: flex-start;padding: 20px;height: 210px;justify-content: space-between;}
.before_box_cover button{background: none;border: 0;}
.before_box_cover p{font-size: 20px;}
.after_box_cover{padding: 20px;background: #b2dff3;height: 230px;}
.after_box_cover h4{font-size: 20px;}
.after_box_cover p{font-size: 16px;line-height: 1.4;}
.SE_3_cta_button {    display: flex;    gap: 30px;}
.SE_3_cta_button>div {    padding: 10px 20px;    background: #000000;}
.SE_3_cta_button>div a {color: #fff;text-decoration: none;}
.SE_3_cta_text {    display: flex;    gap: 30px;cursor: pointer;margin: 30px !important;justify-content: center;}
.SE_3_cta_text>div {    padding: 10px 30px;    background: #000000;color: #ffffff;}
.SE_3_cta_text>div a {color: #fff;text-decoration: none;}
.card_wrapper{display: flex;        flex-direction: column;        gap: 15px;}
/*pop up*/
.SE_three_popup{width: 100%;background-color: rgba(0, 0, 0, .5);position: fixed;top: 0;right: 0;left: 0;height: 100%;font-family: Forma DJR Micro, Arial, Helvetica, sans-serif;z-index: 999999;overflow-x: hidden;}
.model_dialog {width: 60%;margin: 100px auto !important;position: relative;background: #fff;/*padding: 40px;*/}
.popup_close{cursor: pointer;float: right;font-size: 28px;  border: 1px solid #000;   width: 35px; height: 35px;  text-align: center;  display: block;  margin-top: -40px !important;background: #ffffff;}
.popup_close:hover{background: #000;color: #fff;}
.popup_wrapper_1{display: flex;align-items: center;width: 100%;}
.popup_wrapper_1 .image_block{width: 50%;}
.popup_wrapper_1 .image_block .slide_image_wrapper{padding: 0 30px;}
.ports_wrapper{padding: 20px 30px 20px !important;}
.popup_wrapper_1 .image_block img{width: 100%;height: 100%;object-fit: cover;}
.popup_wrapper_1 .content_block{width: 50%;}
.popup_wrapper_1 .content_block h4{font-size: 40px;  font-weight: normal;line-height: 1;margin-bottom: 30px;}
.popup_wrapper_1 .content_block p{font-weight: normal;margin-bottom: 20px;}
.slide_port_names, .back_port_names{counter-reset: item;}
.slide_port_names p, .back_port_names p{display: flex;gap: 10px; align-items: flex-start;font-size: 20px;}
.slide_port_names p:before, .back_port_names p:before {
  content: counter(item) " ";
  counter-increment: item;
  min-height: 20px;
  min-width: 20px;
  display: flex;
  color: #000;
  list-style: none;
  gap: 15px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  justify-content: center;
  width: 20px;
  background-color: #ffffff;
  border-radius: 100%;
  font-size: 13px;
  justify-content: center;
  display: inline-block;
  vertical-align: top;
  font-weight: 500;
  padding-top: 0px;
  border: 1px solid #666868;  }
  .popup_button{display: flex;width: 10%;}
  .popup_button .active{background: #000 !important;    color: #fff;}
  .popup_button span:hover{background: #000 !important;    color: #fff;}
  .popup_button span{background: #fff;color: #000000;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);cursor: pointer;padding: 10px 20px;}


/* footer*/
.bg_full_seven{width: 100%;}
.bg_full_seven img{width: 100%;object-fit: cover;display: block;}
.bg_full_seven_container{position: relative;}
.bg_full_seven_container_wrapper{position: absolute;background: rgba(0, 0, 0, 0.5);width: 100%;padding-bottom: 20px !important;bottom: 0;font-family: Forma DJR Micro, Arial, Helvetica, sans-serif;}
.bg_full_seven_container_content{padding: 0 30px !important;max-width: 1280px;margin: 0 auto !important;}
.bg_full_seven_container_content h2{font-size: clamp(2.5rem, 2.0313rem + 2.3438vw, 4.375rem);color: #ffffff;font-weight: normal;    padding: 10px 0;}
.bg_full_seven_container_content .h4_34{color: #ffffff;}
.SE_7_cta_button{display: flex;gap: 30px;}
.SE_7_cta_button>div{padding: 10px 20px;background: #ffffff;}
.SE_7_cta_button>a{padding: 10px 50px;    background: #000;    text-decoration: none;    color: #fff;}
.SE_7_cta_button>a:focus, .SE_7_cta_button>a:hover{color: #ffffff;}
.epeat_logo_wrapper{max-width: 200px;padding: 30px 0 50px !important;}
.SE_7_cta_button>div a{color: #000;text-decoration: none;}


.built_p{font-size: 28px !important;line-height: 1.2;color: #000 !important;margin: 0 !important;}
.sust_h2{padding-top: 50px !important;}
.sust_h2 h2{color:  #000 !important;}
.bg_full_nine{background-color: #e6e6e6 !important;padding: 20px 30px !important;}
#author_bio_wrap_toggle{cursor: pointer;font-size: 18px;display: flex;justify-content: space-between;}
#author_bio_wrap{margin-top: 20px;}
.footnotes_9 ol{padding-left: 10px;}
.footnotes_9 p, .footnotes_9 ol li{font-size: 12px;margin-bottom: 10px;}
.footnotes_9 p a, .footnotes_9 li a{color: #000;text-decoration: none;}
.footnotes_9 p a, .footnotes_9 li a:hover{text-decoration: underline;}
.footnotes_9{background: #fff;padding: 20px !important;}

/*OM slider css*/
.Om_slider-container {  position: relative;  max-width: 1280px; margin: auto; font-family: Forma DJR Micro, Arial, Helvetica, sans-serif;}
.Om_slider-container img{max-width: 100%;}
.Om_slider_main{display: flex; flex-direction: row; flex-wrap: nowrap; gap:0;padding-bottom: 60px;}
.Om_slider, .plusIcon{width:50%}
.plusIcon{position: relative; border:1px solid #000; display: flex; align-items: center; justify-content: center;}
.slick-dotted.slick-slider{margin-bottom: 0px !important;}
.Om_slider {position: relative;background-color: #66c0e6; }
.Om_slider img { width: 100%; height: auto;}
.slick-dotted.slick-Om_slider{max-height: 410px;}
.Om_sliderplusicon { position: absolute;background-color: #fff; color: #000;  border: none;  border-radius: 50%; width: 30px; height: 30px; text-align: center; cursor: pointer; font-size: 18px; line-height: 1; font-weight: bold; overflow: hidden; transition: background 0.3s ease; animation: ripple 1.5s infinite;}
.Om_sliderplusicon1 { top: 48%; left: 57%; }
.Om_sliderplusicon3 { top: 13%; left: 56%; } 
.Om_sliderplusicon2 { top: 63%; right: 29%; }
.omslide_container{display: flex; flex-direction: column;}
.om_title{background-color: #0096d6; padding: 10px 24px;}
.om_title h3{color:#000; font-size: clamp(1.5rem, 1.2917rem + 1.0417vw, 2.125rem); font-weight: normal; margin: 0; padding: 0; }
.Om_des{background-color: #66c0e6; padding: 10px 24px;}
.Om_des p{font-size: clamp(1.25rem, 1.2083rem + 0.2083vw, 1.375rem);}
.om_close{background-color: #0096d6;font-size: 16px; line-height: 1; rotate: 45deg; transition:.2s ease;color: #ffffff;}
  @keyframes ripple {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    }
    100% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    }
}

.slick-dots li button::before{height:10px !important; width: 10px !important; content: "" !important; background-color: #000; border-radius: 100%;}
.om_sliderimg{/*width:600px;*/ position: relative;}


@media only screen and (max-width: 1023px){
.om_sliderimg{width:346px}
.Om_sliderplusicon{height: 25px; width:25px}
.Om_sliderplusicon3 { top: 13%; left:54%}
.Om_slider_main{gap:0px}
.Om_sliderplusicon2 { top: 57%;right: 33%;} 
}
@media only screen and (max-width: 990px){
.om_sliderimg{width:330px}
.Om_sliderplusicon2 { top: 62%;right: 25%;}
}

@media only screen and (max-width: 767px){
/*.Om_slider, .plusIcon{width:100%}
.Om_slider_main{flex-direction: column-reverse; flex-wrap: wrap; gap:0}
.slick-prev, .slick-next {  display: block !important; z-index: 10; width: 12px; height: 28px;  background-color: #fff !important;  width: 24px !important; height: 24px !important; }
.slick-prev {  left: 10px !important; top:18px !important; }
.slick-next {  right: 10px !important; top:18px !important;}
.slick-next::before{ height: 24px; width: 24px; background-image: url(../images/right-arrow.png) ;  background-repeat: no-repeat;display: block;  background-size: 7px; background-position: 9px 4px;  content: "" !important;}
.slick-prev:before{ height: 24px; width: 24px; background-image: url(../images/left-arrow.png) ; background-repeat: no-repeat; display: block; background-size: 7px;background-position: 8px 4px; content: "" !important;}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{background: #fff;}
.slick-prev:before, .slick-next:before {color: white; font-size: 20px; }*/

}
/* End here*/




/*New css*/

/* Section 01*/
.OB_laptops .SE_one{width: 100%;/*height: 650px;*/}
.bg_full_one_container_content h2{font-size: clamp(2.5rem, 1.875rem + 3.125vw, 4.375rem);    color: #ffffff;    font-weight: normal;    padding: 10px 0;}
.bg_full_one_container_content p{font-size: 50px;font-size: clamp(1.875rem, 1.4583rem + 2.0833vw, 3.125rem);    color: #ffffff;    font-weight: normal;    padding: 10px 0;}


.OB_laptops sup, .OB_laptops sup small, .bg_full_seven sup{position: relative; font-size: 50%; top:2px;  vertical-align:top;}
.OB_laptops .SE_one .content_block{position: relative;}
.full_img_container{max-width: 1920px;margin: 0 auto;width: 100%;}
.full_img_container img{width: 100%;height: 100%;object-fit: cover;}
.OB_laptops .SE_one .content_block .PO_content_wrapper{position: absolute;      background: rgba(0, 0, 0, 0.5);    width: 100%;    bottom: 0;    font-family: Forma DJR Micro, Arial, Helvetica, sans-serif;}
.bg_full_one_container_content{/*padding: 0 30px;*/max-width: 1280px;margin: 0 auto !important;}
.bggc {background-color: #e6e6e6;}


.HP_AI_Companion{margin: 50px 0 !important;}
.MDP_scroll_btn img{width: 20px;}

.bg_full_seven_container_sust{position: relative !important;background: #fff;padding-bottom: 30px !important;display: flex; flex-direction: column;gap: 10px;}
.sust_brd_btm{border-bottom: 1px solid #000;padding: 30px 0px !important;}
.h4_34 {    font-size: 34px !important;margin: 20px 0 !important;line-height: 1.2 !important;}
.slick-arrow img {  width: 15px !important;}

/*section 5*/
.OB_laptop_3_col .SL_item_1{display: flex;width: 100%;align-items: center;}
.OB_laptop_3_col .SL_item_1>div{width: 50%;}
.SL_item_1_img{max-width: 550px;}
.SL_item_2_img{max-width: 514px;}
.SL_item_2_img{max-width: 514px;}
.SL_item_content h2{padding: 0 70px;}
.SL_item_content p{padding: 0 70px;    margin-top: 20px;}
.brd_btm_1{border-bottom: 1px solid #000000;}


/* Section 6*/
.mySlides, .mySlides_three_clm_slider {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  /*max-width: 1000px;*/
  padding-top: 20px;
  position: relative;
  margin: auto;
  min-height: 660px;
}

/* Next & previous buttons */
.prev_AI, .next_AI {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 5px 10px;
  margin-top: -22px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  
  /*border-radius: 0 3px 3px 0;*/
  user-select: none;
  background-color: #4c454559;
  border: 1px solid #fff;
}

/* Position the "next button" to the right */
.next_AI {
  right: 0;
  /*border-radius: 3px 0 0 3px;*/
}

/* On hover, add a black background color with a little bit see-through */
/*.prev_AI:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}*/

/* Caption text */
.text {
  color: #000;
  font-size: 18px;
  /*position: absolute;*/
  
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}



/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev_AI, .next_AI, .text {font-size: 11px}
}
.MDP_scroll_btn{display: none !important;}
.mdp-fv5 .slider{display: block !important;background: none !important;}


 /*slider two*/

 










@media screen and (max-width: 1600px){
    .OS_main_wrapper .SE_one, .OS_main_wrapper .SE_two, .OS_main_wrapper .SE_five .content_block, .OS_main_wrapper .SE_six, .OS_main_wrapper .SE_four .content_block, .SE_five .slider_content_box{padding: 0 30px;}
    .om_title, .Om_des{padding: 10px 20px;}
    .Om_slider_main{padding: 0 30px 60px 30px;}
    .OS_main_wrapper .SE_three{padding: 50px 30px;}

    .bg_full_one_container_content {padding: 0 30px !important;}
    .HP_AI_Companion{padding: 0 50px !important;}
    .work_fun .OB_work .OB_work_content div{padding-left: 180px;}
    .work_fun .OB_fun .OB_fun_content div{padding-right: 180px;}
}

@media screen and (max-width: 1490px){
    .SE_three_content_box_wrapper .SE_three_content_box{height: 270px;}
    .after_box_cover, .before_box_cover{height: 230px;}
    .bg_full_seven img{min-height: 700px;}
    .bg_full_seven_container_sust img{min-height: auto !important;}

    .work_fun .OB_work .OB_work_content div{padding-left: 100px;}
    .work_fun .OB_fun .OB_fun_content div{padding-right: 100px;}
    .slideshow-container{min-height: 620px;}
}
@media screen and (max-width: 1280px) {
    .OS_main_wrapper .SE_three{flex-direction: column;}
    .OS_main_wrapper .SE_three>div{width: 100% !important;}

    .work_fun .OB_work .OB_work_content div{padding-left: 30px;}
    .work_fun .OB_fun .OB_fun_content div{padding-right: 30px;}
    .slideshow-container{min-height: 590px;}
}
@media screen and (max-width: 1200px) {
    .SE_three_content_box_wrapper .SE_three_content_box{height: 240px;}
    .before_box_cover, .after_box_cover{height: 200px;}
    .moving-div1 img, .moving-div2 img{transform: none !important;margin: 0;}
    .moving-div1, .moving-div2 {width: 50%;position: relative;height: auto;}
  .moving-div1 img, .moving-div2 img {position: relative;top: 0;left: 0;}

  .SE_two_img_block .image_wrapper .content_wrapper{height: 440px;}
  .SE_two_img_block .image_wrapper p br{display: none;}
  .slideshow-container{min-height: 560px;}
  .snapdragon_wrapper{max-width: 40%;}
  
}
@media screen and (max-width: 1024px) {
    .OS_main_wrapper .SE_five .content_block p br, .OS_main_wrapper h3 br, .OB_laptop_3_col .SL_item_1 .SL_item_content h2 br{display: none;}
    .f_boxes_section{display: flex;  overflow-x: scroll; scroll-snap-type: x mandatory;  -webkit-overflow-scrolling: touch;  box-sizing: border-box;}
    .f_boxes_section::-webkit-scrollbar {display: none; }
    .f_box { flex: 0 0 40%;  margin-right: 15px;  scroll-snap-align: center; border-radius: 10px;}
    .f_boxes_section .f_box:last-child{margin-right: 0;}
    .video_PP_ctr{right: 10px;top: 30px;}

    .SE_two_img_block .image_wrapper .content_wrapper{gap: 20px;}
    .SE_two_img_block{gap: 20px;}
    .work_fun .OB_work{flex-direction: column-reverse;}
    .work_fun .OB_fun{flex-direction: column;}
    .work_fun .OB_work>div, .work_fun .OB_fun>div{width: 100%;}
    .work_fun .OB_work .OB_work_content h3, .work_fun .OB_fun .OB_fun_content h3{font-size: 90px;}
    .OB_laptops p{/*font-size: 20px !important;*/}
    .work_fun{padding-top: 20px !important;gap: 20px;}
    .work_fun .OB_fun .OB_fun_content div{padding-left: 30px;}
    .HP_AI_Companion {padding: 0 30px !important;}
    .OB_container .right_content{display: flex;flex-direction: column;gap: 20px;}
    .snapdragon_wrapper, .OB_container .right_content p{padding: 0;margin: 0;}
    .built_p{font-size: 26px !important;}
    .h4_34, .SE_two_img_block .image_wrapper h2{font-size: 32px !important;}
    .SE_two_img_block .image_wrapper .content_wrapper p{font-size: 20px !important;}
    .popup_wrapper_1{flex-direction: column;}
  .popup_wrapper_1 .image_block, .popup_wrapper_1 .content_block{width: 100%;}
  .popup_wrapper_1 .content_block p{margin-bottom: 15px;}
  .model_dialog{width: 80%;}
  .slideshow-container{min-height: 500px;}
  .OS_main_wrapper .SE_two .content_block{gap: 30px;}
}

@media screen and (max-width: 1023px) {
  
}

@media screen and (max-width: 990px) {
    .bg_full_seven img{min-height: 620px;}    
    /*More productive*/
    .p_boxes_section{display: flex;  overflow-x: scroll; scroll-snap-type: x mandatory;  -webkit-overflow-scrolling: touch;  box-sizing: border-box;}
    .p_boxes_section::-webkit-scrollbar {display: none; }
    .p_box { flex: 0 0 55%;  scroll-snap-align: center;}

    /*.OB_laptops p{margin-top: 10px;}*/
    .SE_two_img_block .image_wrapper .content_wrapper{height: 420px;}
    .popup_wrapper_1 .content_block h4{font-size: 36px;margin-top: 20px;}
    .slideshow-container{min-height: 410px;}
    .snapdragon_wrapper {max-width: 60%;  }
    .OS_main_wrapper .SE_two .content_block{position: relative;}
    .prev {
      right: 60px;
  }
  .next {
    right: 5px;
}
.OB5 .slick-next, .OB5 .slick-prev{top: 40%;}
    .MDP_scroll_btn{display: block !important;}
    .MDP_scroll_btn{position: absolute !important;
      top: 21%;
      background: none !important;
      border: 1px solid #000 !important;
      color: #000;
      height: auto !important;
      width: auto !important;
      padding: 6px 10px !important;
      cursor: pointer;
      font-size: 24px;
      /*z-index: 10;*/
      line-height: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 0;}
}

@media screen and (max-width: 920px) {
    .OS_main_wrapper .SE_six .content_block{padding: 60px 0;}
    

    .OS_main_wrapper{gap: 10px;}
}

@media screen and (max-width: 890px) {
    .SE_three_content_box_wrapper .SE_three_content_box{height: 290px;}
    .before_box_cover, .after_box_cover{height: 250px;}
    .OS_main_wrapper .SE_one, .OS_main_wrapper .SE_two, .OS_main_wrapper .SE_five .content_block, .OS_main_wrapper .SE_six, .OS_main_wrapper .SE_four .content_block, .SE_five .slider_content_box, .bg_full_seven_container_content, .bg_full_one_container_content{padding: 0 20px !important;}
    .OS_main_wrapper .SE_three {padding: 50px 20px;}
    .OS_main_wrapper .SE_three, .OS_main_wrapper .SE_four{padding-top: 50px;}
    .bg_full_nine{padding: 20px !important;}
    .Om_slider_main{padding: 0 20px 60px 20px;}

    .work_fun .OB_work .OB_work_content div, .work_fun .OB_fun .OB_fun_content div, .HP_AI_Companion{padding: 0 20px !important;}
    
}
@media screen and (max-width: 881px) {
  .MDP_scroll_btn{top: 25%;}
}
@media screen and (max-width: 841px) {
  .MDP_scroll_btn{top: 25%;}
}
@media screen and (max-width: 820px) {
  .MDP_scroll_btn{top: 27%;}
  .MDP_scroll_btn img{width: 15px;}
}

@media screen and (min-width:768px) and (max-width:990px){
  .OS_main_wrapper .SE_six .content_block{width: 40%;}
  .OS_main_wrapper .SE_six .image_block{width: 60%;}
}
@media screen and (max-width: 768px) {
  .popup_button{margin-top: 20px;}
  .popup_close{width: 25px;height: 25px;font-size: 20px;    margin-top: -30px;}
  .SE_two_img_block .image_wrapper{padding: 0px;}

  .sust_h2 {        padding-top: 30px !important;    }
  .work_fun .OB_work .OB_work_content h3, .work_fun .OB_fun .OB_fun_content h3{font-size: 46px;}
  .OS_main_wrapper .SE_two{margin: 30px 0;}
  .MDP_scroll_btn {top: 27%;  }
}
@media screen and (max-width: 767px) {
    .OS_main_wrapper .SE_six, .SE_five .slider_content_box{flex-direction: column-reverse;}
    .OS_main_wrapper .SE_six{flex-direction: column;}
    .OS_main_wrapper .SE_six>div, .SE_five .slider_content_box>div{width: 100% !important;}
    .OS_main_wrapper .SE_six .content_block{padding: 30px 0 30px 0;}
    .SE_five .slider_content_box .SE_five_slider_wrapper .SE_five_slide_block .video_content_block .SE5_description{min-height: auto;padding: 20px 30px 20px 20px;}
    .SE_five .slider_content_box .SE_five_slider_wrapper .SE_five_slide_block .banner_block{height: auto;}
    .om_title, .Om_des{padding: 10px 20px;}
    .Om_slider_main{padding: 0 0px 60px 0px;}
    .Om_slider, .plusIcon{width:100%}
.Om_slider_main{flex-direction: column-reverse; flex-wrap: wrap; gap:0}
.OB5 .slick-prev, .OB5 .slick-next {  display: block !important; z-index: 9; width: 12px; height: 28px;    width: 24px !important; height: 24px !important; }
.OB5 .slick-prev {  padding: 2px 6px;}
.OB5 .slick-next {  padding: 2px 6px;}
/*.slick-next::before{ height: 24px; width: 24px; background-image: url(../images/right-arrow.png) ;  background-repeat: no-repeat;display: block;  background-size: 7px; background-position: 9px 4px;  content: "" !important;}
.slick-prev:before{ height: 24px; width: 24px; background-image: url(../images/left-arrow.png) ; background-repeat: no-repeat; display: block; background-size: 7px;background-position: 8px 4px; content: "" !important;}*/
/*.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover{background: #fff;}*/
.slick-prev:before, .slick-next:before {color: white; font-size: 20px; }
.SL_item_content p{margin-top: 0;}


.slick-arrow img {width: 100% !important;}
.OB_laptops .SE_one{/*height: 400px;*/}
.OB_container{flex-direction: column;}
.OB_container>div{width: 100%;}
.OB_container .right_content{gap: 20px;padding-left: 20px !important;}
.OB_laptop_3_col .SL_item_1{flex-direction: column;}
.OB_laptop_3_col .SL_item_1>div{width: 100% !important;}
.OB_laptop_3_col .SL_item_1 .SL_item_content{display: flex    ;        flex-direction: column;        align-items: center;        justify-content: center;        text-align: center;        gap: 20px;}
    
}
@media screen and (max-width: 600px) {
    .f_box { flex: 0 0 60%;}
    .p_box { flex: 0 0 80%;}
    .OS_main_wrapper .SE_one, .OS_main_wrapper .SE_two, .OS_main_wrapper .SE_five .content_block, .OS_main_wrapper .SE_six, .OS_main_wrapper .SE_four .content_block, .bg_full_seven_container_content, .SE_five .slider_content_box, .HP_AI_Companion, .SL_item_content h2{padding: 0 20px;}
    .bg_full_one_container_content{padding: 0 20px !important;}
    .OS_main_wrapper .SE_three{padding: 30px 20px;}
    .OS_main_wrapper .SE_four .content_block .specs_wrapper .SE_four_box .icon_wrap{max-width: 50px;}
    .SE_7_cta_button{flex-direction: column;align-items: flex-start;}

    .prev {right: 50px;  }
    .SE_7_cta_button>a {padding: 10px 30px;}
    .work_fun .OB_work .OB_work_content div, .work_fun .OB_fun .OB_fun_content div{padding-left: 20px;}
    .built_p, .h4_34{font-size: 22px !important;}
    .epeat_logo_wrapper{max-width: 150px;}
    .SE_two_img_block .image_wrapper h2{font-size: 24px;}
    .model_dialog{width: 90%;}
    .popup_wrapper_1 .image_block .slide_image_wrapper{padding: 0 20px;}
    .ports_wrapper{padding: 0 20px 20px !important;}
    .popup_wrapper_1 .content_block h4 {font-size: 26px;  }
    .slideshow-container{min-height: 360px;}
    .prev_AI, .next_AI{font-size: 14px;padding: 3px 5px}
    .three_clm_slider .slider-prev-next-controltwo label{width: 22px;height: 22px;font-size: 15px;padding: 3px 5px;}
    .MDP_scroll_btn {padding: 4px 5px !important;top: 28%;}
    .HP_AI_Companion{margin: 30px 0;}
    .OB_laptops .OB_laptop_3_col article{padding-top: 30px;}
    .HP_AI_Companion .slick-prev, .HP_AI_Companion .slick-next{top: 70px;}
}
@media screen and (max-width: 490px) {.MDP_scroll_btn {top: 32%;}}
@media screen and (max-width: 480px) {
  .prev_AI, .next_AI{top: 40%;}
  .MDP_scroll_btn {top: 32%;  }
  .epeat_logo_wrapper {max-width: 100px;}
}

@media screen and (max-width: 425px) {
    .f_box, .p_box { flex: 0 0 80%;}
    .bg_full_seven img{min-height: 820px;object-position: left;}

    .SE_two_img_block .image_wrapper .content_wrapper{height: 80%;}
    .prev_AI, .next_AI{top: 30%;}
    .MDP_scroll_btn {top: 31%;  }
    .SE_two_img_block .image_wrapper h2 br{display: none !important;}
  
}
@media screen  and (max-width: 375px){
  .SE_three_content_box_wrapper .SE_three_content_box{height: 360px;}
    .before_box_cover, .after_box_cover{height: 320px;}

    .SE_two_img_block .image_wrapper .content_wrapper{height: 84%;}
    .MDP_scroll_btn {top: 34%;  }
    
    
}
@media screen  and (max-width: 350px){
  .MDP_scroll_btn {top: 33%;  }
}
@media screen  and (max-width: 330px){
  .MDP_scroll_btn {top: 33%;  }
  .HP_AI_Companion .slick-prev, .HP_AI_Companion .slick-next{top: 50px;}
}
@media screen and (max-width: 320px) {
    .p_box { flex: 0 0 90%;}
    .MDP_scroll_btn {top: 37%;  }
}