body { white-space: normal; font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (2420 - 300))); line-height: 1.4;  margin: 0px;  padding: 0px;  font-weight: normal;  font-family: "HPSimplifiedLight", Arial, sans-serif;overflow-x: hidden; color: #191919;}
html{ scroll-behavior: smooth;}
@font-face {
font-family: 'HPSimplifiedLight';src: url('HPSimplifiedLight.eot');
src: url('HPSimplifiedLight.eot') format('embedded-opentype'), url('HPSimplifiedLight.woff2') format('woff2'), url('HPSimplifiedLight.woff') format('woff'), url('HPSimplifiedLight.ttf') format('truetype'), url('HPSimplifiedLight.svg#HPSimplifiedLight') format('svg');
}
@font-face {
font-family: 'HPSimplifiedRegular';src: url('HPSimplifiedRegular.eot');
src: url('HPSimplifiedRegular.eot') format('embedded-opentype'), url('HPSimplifiedRegular.woff2') format('woff2'), url('HPSimplifiedRegular.woff') format('woff'), url('HPSimplifiedRegular.ttf') format('truetype'), url('HPSimplifiedRegular.svg#HPSimplifiedRegular') format('svg');
}
@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");
}

@font-face {
font-family: 'SharpGroteskBook-25';
src: url('https://www8.hp.com/etc.clientlibs/hp-com/clientlibs/clientlib-core/resources/css/fonts/SharpGroteskBook-25.eot');
src: url('https://www8.hp.com/etc.clientlibs/hp-com/clientlibs/clientlib-core/resources/css/fonts/SharpGroteskBook-25?#iefix') format('embedded-opentype'),
url('https://www8.hp.com/etc.clientlibs/hp-com/clientlibs/clientlib-core/resources/css/fonts/SharpGroteskBook-25.woff2') format('woff2'),
url('https://www8.hp.com/etc.clientlibs/hp-com/clientlibs/clientlib-core/resources/css/fonts/SharpGroteskBook-25.woff') format('woff');
}
@font-face {
font-family: 'Sharp Grotesk Book 25';
src: url('SharpGroteskBook25-Regular.woff2') format('woff2'),
url('SharpGroteskBook25-Regular.woff') format('woff');
font-weight: normal;font-style: normal;font-display: swap;
}

*{padding: 0px; margin: 0px;outline:none;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{padding: 0px; margin: 0px;}
a:focus {outline: 0px auto ;outline-offset: 0px;}
a, img {text-decoration: none;outline: none;}
ul{margin:0;padding:0;list-style:none;}
*:hover{outline:0; transition: all .5s;}

h1{font-size: calc(22px + (44 - 22) * ((100vw - 300px) / (2420 - 300))); font-family: 'HPSimplifiedRegular';}
h2{font-size: calc(20px + (38 - 20) * ((100vw - 300px) / (2420 - 300))); font-family: 'HPSimplifiedRegular';font-family: 'Sharp Grotesk Book 25';line-height: inherit;}
h3{font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (2420 - 300)));font-family: 'HPSimplifiedRegular';font-family: 'Sharp Grotesk Book 25';line-height: inherit;}
h4{font-size: calc(16px + (24 - 16) * ((100vw - 300px) / (2420 - 300))); font-family: 'HPSimplifiedRegular';}

.img-responsive {max-width: 100%;/* overflow: hidden; */}
.btnPrimary{ display: inline-block;}
.btnPrimary a{color: #FFFFFF;background-color: #2171ac;border: 1px solid #2171ac;line-height: 40px;padding: 0 15px;font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (2420 - 300)));display: block;margin: 1px 0 0;font-family: "HPSimplifiedRegular";-webkit-transition: all .3s ease;transition: all .3s ease;}
.btnPrimary a:hover{background-color: #000000;border-color: #000000;}

.slick-prev {left: -10px;background: url(../images/leftArrow.svg) no-repeat left top;height: 30px;width: 30px; }
.slick-next {right: -10px;background: url(../images/rightArrow.svg) no-repeat left top;height: 30px;width: 30px; }


/*Nav*/
.logo a {font-size: calc(18px + (18 - 18) * ((100vw - 300px) / (2420 - 300)));padding: 0;margin: 28px 0 0;height: auto;font-family: 'Sharp Grotesk Book 25';color: #ffffff;}
.main-nav{z-index: 999;min-height: 82px;float: left;width: 100%;background: #565451;box-shadow:0 3px 6px 0 rgb(197 197 197 / 16%);border-bottom: 0px solid #fff;position: fixed;font-family: 'HPSimplifiedRegular';}
nav {padding: 10px 0 0 0;}
nav ul {width: auto;margin: 0 auto;list-style: none;text-align: center;display: table;}
nav ul li {float: left;padding: 24px 15px 23px 15px;vertical-align: middle;position: relative;-webkit-transition: all .3s ease;transition: all .3s ease;}
nav ul li a {padding: 10px 0;color: #e3e1dc;text-decoration: none;transition: all 0.2s ease;font-size: 16px;}
nav ul li a:hover {color: #93E6FF;}
nav ul li.dropdown-toggle{border-bottom: 3px solid transparent;}
.dropdown-list {display: none;top: 71px;margin: 0;padding: 0;left: -20px;position: absolute;background-color: #fff;min-width: 271px;box-shadow:0 4px 6px 0 rgba(0,0,0,.2);z-index: 1;}
.dropdown-list li {width: 100%;  padding: 0;  text-align: left;}
.dropdown-list a {color: black;padding: 12px 16px;text-decoration: none;font-family: 'HPSimplifiedLight';display: block;}
.dropdown-list a:hover {background-color: #f4f4f4;color: #0d0d0d;font-family: 'HPSimplifiedRegular';}
.dropdown-toggle:hover .dropdown-list {display: block;}
nav ul li.dropdown-toggle:hover  {color: #0096d6;border-bottom: 3px solid transparent;border-radius: 2px;}

.main-nav .btn-group {float: right;margin: 0px 0 0;}
a.button.primary {color: #e3e1dc;background-color: #6d6e71;line-height: 33px;padding: 0 14px 0 19px;border-radius: 5px;display: inline-block;margin: 19px 0 0 25px;text-align: center;}
 .main-nav .btn-group a.button.primary:hover{  color: #93E6FF;}

/*Mobile Menu Css*/
.mobile_btn {display: none; z-index: 999; font-size: 17px; margin:19px 0px 5px 0px;}
.mobile_btn a {text-decoration: none; color: #e2e2e2;}
.btn-open:after { font-size: 24px;margin-left: 10px; color: #e2e2e2; content: "\f107"; 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-close:after { font-size: 24px; margin-left: 10px; color: #e2e2e2; content: "\f106"; 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;}
.toggle_menu {display: none; position: absolute; top:54px; width: 100%;  z-index: 999; right: 0;height: 100vh;background: rgb(0 0 0 / 49%);  }
.toggle_menu ul{background: #fff;}
.toggle_menu ul li {float: left; width: 100%; text-align: left;}
.toggle_menu ul li a {    color: #000000;border-right: 0px; padding: 15px; float: left; width: 100%; border-top: 1px solid #e9e9e9 !important;}
.mobile_btn a.btn-close { margin: 0 0 0;}
.mobile_nav{display: none;}

/*Nav*/

.slider{width:100%;float: left; background: #ffffff;margin: 72px 0 0px; position: relative; min-height: 880px;  }
.slider .slidefix{z-index: 99; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); }
.slider .slick-slide{position: relative;}
.titleAndText { padding: 15px 0px 15px 0;   width: 100%; max-width: 1000px; z-index: 99;    border-radius: 10px;}
.titleAndText h2 {color: #ffffff;float: left;width: 100%;margin: 22px 0 0;line-height: 52px;font-size: calc(22px + (42 - 21) * ((100vw - 300px) / (2420 - 300)));font-family: "HPSimplifiedLight";font-family: 'Sharp Grotesk Book 25';}
.titleAndText p { max-width: 522px; padding: 13px 0 15px;color: #ffffff;font-size: calc(18px + (22 - 16) * ((100vw - 300px) / (2420 - 300)));float: left;line-height: 32px;width: 100%;}
.btnwatch{ float: left; width: 100%;}
.btnwatch a{font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2420 - 300)));font-weight: 300;text-transform: uppercase;background-color: #565451; border-radius: 5px;display: inline-block; line-height: 38px;padding: 0px 15px;color: #eaeaea;transition: 0.3s;font-family: 'HPSimplifiedRegular';}
.btnwatch a:hover {background: #ffffff;color: #565451;}

/* worksVid */

.videoin{ float: right;}
.worksVid {text-align: right;width: 66%; right: 0px; position: absolute;  top: 120px;  max-width: none;   /* margin: 0 0 46px; */  /* box-shadow: 0 0 80px rgb(0 0 0 / 50%); */  }
.worksVid video{width: 100%;box-shadow: 0 0 80px rgb(0 0 0 / 50%);height: 100%; }

.worksVid .text-above-image{position: absolute;left: 50%;z-index: 99;text-align: center;top: 50%;color: #fff;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.worksVid .text-above-image a {height: 94px;width: 94px;border: 3px solid #fff;display: inline-block;background: #ffffff;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;-webkit-transition: opacity .3s ease;transition: opacity .3s ease; transition: transform 1s ease;color: #151515;line-height: 94px;font-size: 34px;opacity: 1;}
.worksVid .text-above-image a i{margin-left: 3px;}
.worksVid .text-above-image a:hover{transform: scale(1.1);}
.videopp .modal-content { max-width: 900px; margin: auto; background: transparent; -webkit-box-shadow: 0 0;    box-shadow: 0 0;}
button.close { position: relative;    z-index: 99;    opacity: 1;}
/*worksVid*/

/* footer */
.ft-logo {padding-bottom: 20px;}

#wave-container {background: black; width: 100%;}
#wave-container canvas {position: absolute;height: 100% !important;width: 100% !important;}
/* .wolf-watch-now {position: relative;opacity: 0;transition: opacity 0.3s ease;}
.wolf-watch-now.edit-mode,.wolf-watch-now.ready {opacity: 1;} */
 .wolf-watch-now .decorator-content {background: black;}
.wolf-watch-now:not(.edit-mode) .decorator-content {height: 100vh;position: absolute;width: 100%;max-height: 812px;}

@media screen and (max-width:1779px){
  .worksVid { right:0;  top: 190px; }
   .slider{ min-height: 870px;}
}
@media screen and (max-width:1700px){
  .worksVid { right:0;  top: 190px; }
   .slider{ min-height: 800px;}
}
@media screen and (min-width:1780px){
  .slider .container{width: 1700px;}
  .titleAndText h2 { font-size: calc(24px + (44 - 24) * ((100vw - 300px) / (2420 - 300)));line-height: 63px; }
  .titleAndText p { max-width: 702px;}
 }
 @media screen and (min-width:2400px){
  .slider{ overflow: hidden;}
 }
 /*modal-body*/
.allmodel .modal-body P{padding: 15PX 0 0 0;}
.allmodel .modal-body h2{  text-align: center;    padding: 31px 0 56px;}
.allmodel .close:focus, .close:hover{outline: 0; border: 0;}
.popimt { padding:6px 15px 4px;}

.modal_logo{list-style-type:none; text-align:left; padding: 10px; }
.modal_logo li{list-style-type:none; margin-left: 1.5rem; margin-right: 1.5rem; display:inline-block;font-family: 'HPSimplifiedRegular'; font-size: calc(16px + (21 - 16) * ((100vw - 300px) / (1600 - 300))); }
.modal_logo li:nth-child(1){ max-width: 300px;}
.modal_logo li img{ max-width: 100%;}
.addnew img{ max-width: 590px; width: 100%;}
.addnew1{ background-color: #e8e8e8;}
.addnew2{background-color: #f3f3f3;}

 .closetn{ opacity: 1; line-height: 10px;color: #fff;position: absolute;right: 0px;    top: -40px;z-index: 99;background: #f3f3f3 !important;width: 30px;height: 30px;border-radius: 50%;}
img.clmpop{ height: 15px;padding: 0px 0 5px;margin: 4px 0px 0px 0px;}

/*Adaptable design Section CSS*/

.adaptable_design{width:100%;float: left;background: #ffffff;padding:90px 0px 94px;color: #fff;}
.wrap_text{ background: #f5f5f5;padding: 51px 0 3px;float: left;width: 100%;text-align: center;}
.adaptable_design h3{ text-align: center;color: #000;    padding: 0 0 48px;}
.adaptable_design .slick-slide img { width: auto; display: inline-block;  }
.adaptable_design_carousel {color: #fff;padding: 19px 0px 0;color: #000;}
.adaptable_design_carousel .slide {opacity: 0.5; cursor: pointer; position: relative;}
.adaptable_design_carousel .slide:after{content:"";border-top: 4px solid #f5f5f5;width:60px;position:absolute;top: 0px;left: 0px; border-bottom-right-radius: 20px;    border-bottom-left-radius: 20px; transition: all .5s;}
.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: #a2a2a2;transition: all .5s;}
.adaptable_design_carousel .slick-slide{ padding: 0px 10px;}
.adaptable_design_carousel .slide p {line-height: 24px;padding: 0px 9px 0 0;margin-bottom: 0;color: #000000;font-size: 16px;letter-spacing: 0.01875rem;}
.adaptable_design_carousel .slide img {margin:21px 0px 20px 0px; max-height: 62px;}
.adaptable_design_carousel .slide p sup{font-size: 12px;}
.adaptable_design_carousel .slide p span {padding: 30px 0 3px;display: inline-block;font-weight:500;font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (2420 - 300)));line-height: 22px;color:black;font-family: "HPSimplifiedRegular";font-family: 'Sharp Grotesk Book 25';}
.adaptable_design_carousel a{ color: #000;font-size: 16px;font-family: "HPSimplifiedLight";margin: 13px 0 0; display: inline-block;}
.adaptable_design_carousel .slick-dots {padding-bottom: 0px; color: #000;}

.adaptable_design  img.mobile_img  {  display: none ;}
.adaptable_design_slider .slick-prev{ display: none !important; left: 0;}
.adaptable_design_slider .slick-next{ display: none !important; right: 0;}

/*Adaptable design Section CSS*/

/*business*/
.businessCyber { float: left; width: 100%; position: relative; background:#f9fafc; padding: 30px 0 140px; transition: opacity 0.3s;  transition-delay: 0.6s;}
.businessCyber .container{ max-width: 1550px; width: 100%; margin: auto;position: relative;}
.businessCyber h5 {padding-bottom: 12px;line-height: inherit;color: #000;font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (2420 - 300)));font-family: 'Sharp Grotesk Book 25';}
.businessCyber h6 {padding-bottom: 0px;color: #0b435c;display: block;font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (2420 - 300)));font-family: 'Sharp Grotesk Book 25';}
.businessCyber .h6mobile{ display: none;}
.businessCyber .businessI span{display: inline-block;height: 1px;margin: 14px 0 10px;width: 60px;background: #0b435c;}

.businessI { padding-right: 105px; padding-top: 100px;   }

.businessCyber p{color: #000; font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (2420 - 300)));}
.businessCyber .businessII h3{color: #000;font-size: calc(18px + (26 - 18) * ((100vw - 300px) / (2420 - 300)));padding: 19px 0 18px;}
.businessCyber .businessII p{color: #000;font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2420 - 300)));padding: 0 0 12px;}
.part1bus{  float: left; width: 100%;   }
.part1bus img{  transition: opacity,.4s,-webkit-transform .4s;  transition: opacity,transform .4s,.4s;  transition: opacity,transform .4s,.4s,-webkit-transform .4s;}
.part1bus2{ margin-top: 86px; }
.part1bus:hover > .aniimg img{ -webkit-transform: scale(1.1); transform: scale(1.1); }
.aniimg {overflow: hidden; width: 100%;  max-width: 864px;}
.businessCyber a {font-size: 16px;font-weight: 300;text-transform: uppercase;background-color: #565451;border: 1px solid #565451;border-radius: 5px;display: inline-block;height: 35px;line-height: 35px;padding: 0px 15px;color: #eaeaea;transition: 0.3s;font-family: 'HPSimplifiedRegular';}
.businessCyber a:hover {background: #444340;color: #ffffff;}

.businessCyber2 { background:#ffffff; padding: 20px 0 62px; }

.btn-group.nadwe .dropdown-menu.pull-right { right: auto;  left: 0;}
.btn-group.nadwe .dropdown-menu {  border: 0px;  border-radius: 0px; bottom: auto;  top: 100%;}
.nadwe a.primary{min-width: 100px;}
.nadrad{ position: absolute;  bottom: 22px; left: 0; padding: 0 18px; width: 100%;}
.addnewd a.primary{border-radius: 5px;text-align: center;min-width: auto;color: #FFFFFF;background-color: #565451;border: 1px solid #565451;line-height: 32px;height: auto;padding: 0px 12px;font-size: 16px;display: inline-block;margin: 1px 0 0;-webkit-transition: all .3s ease;transition: all .3s ease;}
.addnewd a.primary:hover{background-color: #252525;border-color: #252525;}

.btn-group.addnewd .dropdown-menu{border: 0px; border-radius: 0px;top: 100%;  padding: 0px; max-width: 450px; min-width: 228px; overflow: hidden;}
.btn-group.addnewd .dropdown-menu a{opacity: 1;float: none;text-align: left;color: #000;padding: 8px 15px;border: 0;height: auto;background: none;display: block;font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1900 - 300)));position: relative;font-family: 'HPSimplifiedLight';overflow: hidden;}
.btn-group.addnewd .dropdown-menu a:hover{background: rgb(245 245 245);box-shadow: none;border: 0px;font-family: 'HPSimplifiedRegular';}

.btn-group.addnewd > a:after{content:"\f107"; font-family:'FontAwesome'; font-size: 20px; padding-left: 10px;}
.btn-group.addnewd.open > a:after{content:"\f106"; font-family:'FontAwesome'; font-size: 20px; padding-left: 10px;}
.btn-group.addnewd .dropdown-menu.pull-right { right: auto; left: 0px;}

.busi1{ position: absolute; top: 0; max-width: 600px; min-height: 520px;}
.busi2{position: absolute; top: 0; max-width: 600px;   min-height: 420px;} 
#hetopf{min-height: 1838px;}
#hetopf2{min-height: 930px;}
.fixed { position: fixed;  top: 0; }
#fidivr, #fidivr2{ position: absolute; right: 0;}

/*business*/


.prihead{float: left; width: 100%;padding:70px 15px 17px; text-align: center;color: #000;font-size:calc(24px + (42 - 20) * ((100vw - 300px) / (2420 - 300)));}
.printerbg{float: left; width: 100%; background: #ffffff; padding: 60px 0 10px;}
.printerbg .wrap{ max-width: 2400px; margin: auto; width: 100%;}
.printerbg img{ width: 100%;}
.printerbg img{transition: opacity,transform .4s,.8s,-webkit-transform .8s;}
.printerbg img:hover {   -webkit-transform: scale(1.1);   transform: scale(1.1);}
/*instendSlide Slider Section CSS*/
.instendSlide{float: left; width: 100%; background: #ffffff; padding: 60px 0 10px;color: #000;}
.instendSlide h3{ text-align: center; padding:16px 0 17px; color: #000;  }
.instendSlide h3 span{ display: inline-block; height: 4px; width: 60px; background: #000;}
.instendSlide h3 img {margin: 0 0 21px;}
.instendSlide p{text-align: left;padding-bottom:7px;font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (2420 - 300)));color: #565451;}
.instendSlide .slick-slide{margin:25px 15px 0; }
.instendSlide .slide-item { overflow: hidden;  padding: 0px 0px 21px 0px; position: relative; transition: all .5s; }
.instendSlide .slide-item .img {position: relative;padding-bottom: 0;background: #fff;  overflow: hidden;  text-align: left;}
.instendSlide .slide-item .img img{transition: opacity,transform .4s,.8s,-webkit-transform .8s;}
.instendSlide .slide-item:hover > .img  img{   -webkit-transform: scale(1.1);   transform: scale(1.1);}
.instendSlide .content-wrap h4{text-align: left;  padding: 23px 0 8px; font-family: 'HPSimplifiedLight'; line-height: 26px; font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (2420 - 300)));font-family: 'Sharp Grotesk Book 25';}
.instendSlide .content-wrap p.wpte{padding-bottom: 0px; min-height: inherit; font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2420 - 300)));color: #000;text-align: left;line-height: 30px;font-family: "HPSimplifiedLight";}
.instendSlide .content-wrap { min-height: inherit;text-align: l; }
.disableR a{cursor: auto;background: #ccc!important;color: #fff!important;}
.shptbtn {text-align: left;width: 100%;}
.shptbtn a {margin: 12px 0 0 0px;background: #565451;border-radius: 5px;line-height: 33px;width: auto;border: 0;display: inline-block;}
/*instendSlide Slider Section CSS*/

/*Right Laptop*/
.contactbg {float: left; width: 100%; background: url("../images/Contact-Us-bg.webp") 50% 50% / cover; padding: 20px 0 20px; }
.contactbg h5 {padding-bottom: 23px;line-height: inherit;color: #fff;font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (2420 - 300)));font-family: 'Sharp Grotesk Book 25';}
.contactbg h6 {padding-bottom: 7px;color: #cdcdcc;display: block;font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (2420 - 300)));font-family: 'Sharp Grotesk Book 25';}
.contactbg .clscen span{display: inline-block;height: 1px;margin: 14px 0 10px;width: 60px;background: #cdcdcc;}

.contactbg p{color: #fff; }
.contactbg .container{height:321px; display:table;}
.contactbg .container > div{display:table-cell; vertical-align:middle; float:none ;}

.contactbg a {font-size: 16px;font-weight: 300;text-transform: uppercase;background-color: #565451;border: 1px solid #565451;border-radius: 5px;display: inline-block;height: 35px;line-height: 35px;padding: 0px 15px;color: #eaeaea;transition: 0.3s;font-family: 'HPSimplifiedRegular';}
.contactbg a:hover {background: #ffffff;color: #0d0a05;}


/*Right Laptop*/

/*footer CSS*/
.textfooter{background-color: #565451;float: left;width: 100%;padding: 47px 0px 22px;font-family: 'HPSimplifiedRegular'; font-size: 14px;}
.textfooter .container{padding: 0 70px;}
.textfooter ol{margin-left: 15px;}
.textfooter li,.textfooter p {padding: 0px 0; margin-bottom: 13px; color: #fff; line-height: 16px; font-size: 12px;}
.textfooter li a,.textfooter p a{ text-decoration: underline; color: #fff; }
.textfooter li a:hover,.textfooter p a:hover{  color: #fff; }
.collapsible-text{margin: 4px 0 15px; color: #fff;  }
.dropClose{cursor: pointer; float: left; width: 100%;border-bottom: 1px solid #ebebeb;    margin: 0 0 29px;}
.dropClose h4{float: left;font-size: calc(16px + (16 - 16) * ((100vw - 300px) / (2420 - 300)));  font-family: 'HPSimplifiedRegular';font-family: 'Sharp Grotesk Book 25'; }
.dropClose i{color: #fff;float: right;font-size: 22px;font-weight: bolder;margin: 3px 0 0px;}
.dropOpen{ float: left; width: 100%;}
.textfooter p a{text-decoration: underline;}
.faupDow i.fa.fa-angle-up {  transform: rotate(180deg);}
/*Footer CSS*/

/*Added by Tahir*/
.contact_button_container{text-align:center;}
.contact_button_container a.button.primary{margin:10px 0;}
/*Added by Tahir*/

@media screen and (max-width:1480px){
  .slider { min-height: 744px;}
}
@media screen and (max-width:1300px){
.slider .slidefix{-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0px;right: 0;}
.slider { min-height: 739px;}
}

@media screen and (max-width:1100px){
.businessI { padding-right: 15px;}
img{ max-width: 100%;}
.instendSlide .slick-prev, .instendSlide .slick-next{top: 30%;}

.instendSlide .slide-item{ padding: 0px 0px 12px 0px;}

.slider { min-height: auto; background: #000; }
.titleAndText{ text-align: left; float: left;padding:28px 30px 31px; margin-left: 0px;max-width: 100%;position: static;margin-top: 0;  -ms-transform: translateY(0%); -webkit-transform: translateY(0%);    transform: translateY(0%); }
.titleAndText p{ padding: 5px 0 3px;}

.titleAndText h1 { margin:2px 0 2px;}
.slider .slidefix{   margin-left: 0px;max-width: 100%;position: static;margin-top: 0;  -ms-transform: translateY(0%); -webkit-transform: translateY(0%);    transform: translateY(0%); }
.slider .container { width: 100%;}
.hidei{ display: none;}
.titleAndText p{ max-width: 100%;}
.worksVid{position: relative; padding: 0 45px;float: left; width: 100%; z-index: 99; top: 0; margin: 20px 0 20px;}

.businessCyber .container{ max-width: 900px;}
.businessCyber{padding: 30px 0 91px;}
.businessCyber2 { padding: 45px 0 5px;}
.businessI{padding-top: 30px; width: 100%;}
.busi1{ position: static;  max-width: 100%; min-height: inherit;}
.busi2{position: static;   max-width:100%;   min-height: inherit;} 
.businessCyber .h6mobile{ display: block;   padding: 20px 0 0; font-size: 14px; line-height: 1.14;  color: #a3a3a3;}
.businessCyber .businessII h3{ padding: 12px 0 12px;}
.printerbg{padding: 23px 0 10px;}
#hetopf{min-height: inherit;}
#hetopf2{min-height: inherit;}
#fidivr, #fidivr2{ position: static; right: 0;}
.slick-dots li.slick-active button:before { background-color: #000000;  opacity: 1;}


}

@media only screen and (max-width:992px) {
 /* menu*/
nav ul { width: 100%;}
.dropdown-list a:hover {background-color: transparent;}
ul.dropdown-list{background-color: #fff; position: static; width: 100%;  padding:0 19px 0 19px;float: left; box-shadow: 0 0 0 rgba(0,0,0,.2);}
.dropdown-list li a{ border-top: 1px solid transparent !important;}
.toggle_menu ul li .fa{ float: right; font-size: 24px;}
.mobile_btn {display: block;float: left; margin: 13px 0 5px 0}
.main-nav .addmolist{ padding:9px 15px 20px;    border-top: 1px solid #e9e9e9}
nav ul li{padding:0px}
.main-nav  {background: #565451;}
.main-nav .container .col-md-12{padding: 0px;}
.desktop_nav {display: none !important;}
.mobile_nav {display: block !important; min-height: 59px; }
.mobile_nav_logo { display: block !important; padding:0 10px 10px 0;}
.mobile_nav a.button.primary{ margin: 12px 0 0 0px;width: 100%;}
.rotedArrow1 i.fa.fa-angle-down, .rotedArrow2 i.fa.fa-angle-down, .rotedArrow3 i.fa.fa-angle-down, .rotedArrow4 i.fa.fa-angle-down {    transform: rotate(180deg);  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);}
.toggle_menu ul li:hover > a,.toggle_menu ul li:active > a{ color: #337ab7;}
.CloseMenu { text-align: center;  padding: 20px 0; height: 100%;}
.CloseMenu:after{ display:none}
.CloseMenu img{cursor: pointer;}

.instendSlide{ padding: 32px 0 62px;}
.printerbg{ padding: 10px 0 10px;}
.slider{ margin: 58px 0 0px;overflow: hidden;}
.contactbg .container {  height: auto; min-height: 125px;  padding: 31px 15px 31px;  }
.worksVid .text-above-image a { font-size: 21px; line-height: 60px;    height: 60px;    width: 60px;}
.instendSlide .slide-item .img img{width: 100%;}
}


@media only screen and (max-width:767px) {
.textfooter .container{max-width: 100%; padding: 0 15px;}
.adaptable_design .slick-slide img.desktop_img { display: none;}
.adaptable_design_carousel .slide p span{  padding: 0px 0 5px;}
.adaptable_design{ padding: 29px 0px;}
.adaptable_design_carousel .slide:after{display: none;}
.adaptable_design  img.mobile_img { display: block;}
.adaptable_design_carousel .slick-slide{ padding: 11px 0px;}
.contactbg h5{font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (2420 - 300)));}
.mobile_nav_logo img {width: 45px;}

.aniimg{ margin-top: 15px;}
.businessCyber{ padding: 30px 0 55px;}
.businessCyber2{ padding-bottom:  4px;}
.part1bus2 { margin-top: 20px;}
.titleAndText h2{ font-size: calc(16px + (25 - 21) * ((100vw - 300px) / (2420 - 300)));}
.titleAndText h2,.titleAndText p{line-height: inherit;}
.adaptable_design h3{padding: 0 0 21px;}
.businessCyber h5,.businessCyber .businessII h3,.adaptable_design h3,.prihead,.instendSlide h3,.instendSlide .content-wrap h4,.contactbg h5{ font-size: calc(16px + (30 - 20) * ((100vw - 300px) / (2420 - 300)));}
.busi2,#fidivr, #fidivr2,.busi1 { padding: 0;}
.prihead{padding: 33px 15px 17px;}
.btnwatch a,.shptbtn a,.contactbg a,.businessCyber a,.addnewd a.primary{font-size: calc(14px + (16 - 16) * ((100vw - 300px) / (2420 - 300)));line-height: 31px;}
.titleAndText p{font-size: calc(16px + (22 - 16) * ((100vw - 300px) / (2420 - 300)));}
}


@media only screen and (max-width:640px){
  .instendSlide .slide-item .img img{ width: 100%;}
  .contactbg .container > div{float: left;}
  .contactbg .container {  height: auto;}
   .titleAndText{padding: 28px 0px 31px;}
  .worksVid{padding: 0 15px;}


}