/*
Theme Name: The7
Theme URI: http://dream-theme.com/the7/
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Put simply, The7 is THE most customizable WordPress theme on the market. It features 630+ design customization options. People new to multipurpose WordPress themes will be delighted with The7 Design Wizard. It allows to choose basic settings like branding, colors, header layout, etc. and intelligently calculates all the rest. Voilà, your pro-grade site design is ready in mere minutes. Automatically! Add a seamless integration with Visual Composer page builder, Slider Revolution, WooCommerce, WPML (as well as other most popular plugins), and you get the definitive web-development toolkit. And, yes, it is mobile friendly (certified by Google) and SEO-ready.
Version: 3.9.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/

@import url('https://fonts.googleapis.com/css?family=Lato:700');

.brand-name{
font-family: 'Lato', sans-serif;
float:left;
}
.first{
text-align:left; width:100%;
}

.setup
{
margin-top: 90px !important;
}


.brand-name h2{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    padding: 3px 10px 0px;
    margin: 0px;
    line-height: 15px;
    color: #fff;
    width:60px !important;
}
.brand-name h2 a{font: normal bold 16px 'Lato', sans-serif !important; font-size: 16px !important; line-height: 16px !important;}

.brand-icon{

	float:left;
    padding: 6px 2px;
}

#first-setup a:hover
{
text-decoration:underline;
}
.brand-icon img{width:100% !important;}
.clearfix{ clear:both; }

.blog .dt-format-gallery .dt-format-gallery-coll.full,
.archive .dt-format-gallery .dt-format-gallery-coll.full,
.search .dt-format-gallery .dt-format-gallery-coll.full
{
	display: none;
}
.top-header .main-nav .dt-mega-menu-wrap{
	    top: 70%;
	padding:10px;
}
.upper-sec,.mac-sec,.smart-sec,.driver-sec,.mac-driver-sec{
padding-bottom:35px;
margin-top:0px;
}

.smart-sec{
padding-bottom:25px;
margin-top:0px;
}
.upper-sec img{
width:29%!important;
  padding: 0px;
    margin: 0px;
  height: auto !important;
}
.mac-sec img{
width:29%!important;
 padding: 0px;
   margin: 0px;
 height: auto !important;
}
span.bd-fnt{
    color: #000;
    font-size: 19px;
    font-weight: 700;
}

span.lte-fnt{
    color: #000;
    font-weight: 300;
}


.windw-10 span{
    color: #0078db;
    font-size: 19px;
}

.windw-8 span{
    color:#00adef;
    font-size: 19px;
}

span.windows7-bd{
    color: #000;
    font-size:19px;
}

span.win-7-no{
    color: #000;
    font-size: 24px;
    font-weight: 300;
    padding-left: 4px;
}

span.windowsxp-bd{
    color: #000;
    font-size: 20px;
}

span.window-xp-no{

    color: #e1793c;
}

.mac-os
{
color:#a1a1a1 !important;
}

.mac-lion{
color:#b9b9b9 !important;
   font-size: 23px;
   font-weight: 600;
}

 .mac-lion-in
{
    font-size: 11px;
    color: #b9b9b9;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 50px;
    left: 62px;
}

.mac-pro{
color:#d6d3ca !important;
 font-size: 13px !important;
 font-weight: 600;
  margin: 0px 5px 0px 0px !important;
}

.mac
{
    color: #000;
    font-size: 15px !important;
    font-weight: 600;
   margin: 0px 5px 0px 0px !important;
}

.air-print
{
    color: #7b7b7b;
    font-size: 20px;
    font-weight: 700;
}
.e-print
{
    color: #17a5d3;
    font-size: 15px;
    font-weight: 700;
}
.smart-phone
{
    font-size: 18px;
    color: #5C7A94;
    font-weight: 600;

}
.driver-sec img{
width:29%!important;
padding: 0px;
 margin: 0px;
 height: auto !important;
}
.mac-driver-sec img
{
width:29%!important;
padding: 0px !important;
margin: 0px !important;
height: auto !important;
}

.color-lsrjt-prntr h2{
    font-size: 16px !important;
    margin: 0px !important;
    line-height: 22px;
}
.Lasr-Jet-Pro .cat-prd{
       min-height: 260px;
}
.lasr-jet .cat-prd{
 min-height: 260px;
}

.windows_title,.mac_title,.drivers_title,.mac_driver_title
{
    font-size: 30px !important;
    text-align: center;
    font-weight: 600;
}

.smart-phone-sec img
{
  height: auto !important;
  width: auto !important;
}
.landing .title-h1{
    font-size: 24px !important;
text-align:left !important;
}
.landing .chs-mdl h2{
    font-size:17px !important;
     line-height: 24px;
      margin-top: 10px;
}

.smart-phone-sec .smart_content
{
 margin: -20px 0px;
}

.smart-phone-sec .smart-title
{
font-size:24px !important;
font-weight: 600;
color: #000;
}
.cato-oj {
    margin-top: 40px !important;
}
.cato-oj-pro{
 margin-top: 40px !important;
}
.deskjet-section .top-head h1{
    font-size: 220px !important;
}
.pr-pcy h3{
font-size:18px;
font-weight: 500;
}
.first-para{text-align: right; padding: 5px 80px; margin-bottom: 0;}
.masthead:not(.sub-downwards) .main-nav .dt-mega-menu.mega-auto-width.mega-column-3 > .dt-mega-menu-wrap{
width:260px;
}

/*.wf-float-right{
float:left !important;
}
#bottom-bar .wf-float-right{
    margin-left: 0px !important; 
}*/
.blog-content {/*min-height:345px;*/}
.no-padding{
padding:0px!important;
}

.sec-vid-home iframe{
	height:411px;

}
.blog-post-hdr{
background-color:#f4f4f4;
}

.padding{
	padding:20px 0px;
}
.user-guide .dial-up img{
    margin: 10px;
    border-radius: 50px;
}
.tab-title{visibility: hidden;
    display: none;}
.ult-overlay-close{
width: 20px !important;
height: 10px !important;
position: fixed !important;
right: 293px !important;
top: 35px !important;
}
.mini-widgets a{
color: #fff!important;
    text-decoration: none!important;
    font: normal bold 22px "Open Sans", Helvetica, Arial, Verdana, sans-serif !important;
}
.blog-content wf-td:before{
content:"blog";
background:#000;
}

.hpcom-tabs .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

.hpcom-tabs .nav {
    padding-left: 10px;
    /* margin: 0px 320px; */
    list-style: none;
    text-align: center;
    float: none;
}

.hpcom-tabs h2,.hpcom-tabs h4{
	font-size:14px !important;
         padding:0px ;
        margin:0px;
}
.hpcom-tabs .nav-tabs > li.active > a{
    text-decoration: none;
    background-color: #27a7f9;
    color: #fff;
    -webkit-box-shadow: 1px 1px 11px 3px rgba(235,235,235,0.49);
    -moz-box-shadow: 1px 1px 11px 3px rgba(235,235,235,0.49);
    box-shadow: 0px 3px 8px 1px rgba(39, 167, 249, 0.3);
}
.hpcom-tabs .nav > li > a:hover,.hpcom-tabs .nav > li > a:focus{
	background-color:#27a7f9;
	color:#fff;
	-webkit-box-shadow: 1px 1px 11px 3px rgba(235,235,235,0.49);
    -moz-box-shadow: 1px 1px 11px 3px rgba(235,235,235,0.49);
    box-shadow: 0px 3px 8px 1px rgba(39, 167, 249, 0.3);

}
.hpcom-tabs .nav > li > a{
	font-size:14px;
	margin: 0px 2px;
        line-height: 0.428571;
        padding: 20px 10px;
	color: #000;
    background-color: #eaeaea;
}
.hpcom-tabs .tab-content{
    margin-top:-10px;
    margin-bottom: 10px;
    background-color: #def2ff;
    min-height: 410px;
    padding: 10px 10px;


}
.hpcom-tabs .nav-tabs {
    border-bottom: 0px solid #ddd; 
}

.para-center{
text-align:center;
}
h4.why-us-tle{
margin-bottom:10px !important;
}





.alt-banner{
	background-color:#27a7f9;
	text-align:center;
	padding:50px 0px;
	color:#fff;
	display:none;
}

.alt-banner h3{
	font-size:24px;
	color:#fff;
	font-weight:400;
	margin:0px;
	padding:0px;
}

.alt-banner p{
    padding: 10px 0px 0px;
}
.alt-banner a.alt-num{
	font-size:36px;
	color:#fff;
	font-weight:800;
}


.alt-banner a.alt-num:hover{
	text-decoration:none;
	color:#fdf003;
}

.alt-banner img{
	margin-top:20px;
	
}
.envy-model h2,
.officejet-model h2,
.officejet-pro-model h2,
.deskjet-model h2
 {
	font-size:20px !important;
}
#text-3{
    margin: 0px!important;
    padding: 0px!important;
}
.widget-title{
    margin: 0px!important;
    padding: 0px!important;
}
.wf-container-footer{
    margin: 0px!important;
    padding: 0px!important;
}
.top-hkeys{
    display: none;
    height: 0px;
    font-size: 0em !important;
    padding: 0;
    margin: 0;
}
.top-keys, .top-ikeys{
    top: 30px;
    position: absolute;
    margin-left: 30px;
    color: #ffF;
    font-size: 14px !important;
    font-weight: 600;
}
.top-ikeys{
    top: 250px;
    margin-left: 80px;
    font-size: 20px !important;
}

.deskjet-section .top-ikeys,
.officejet-section .top-ikeys,
.officejetpro-section .top-ikeys{
 margin-left: 100px;
}
.blog-section{
	/*background-color:#26a7fa !important;*/
	height:40px !important;
}


.top-section{
	background-color:#26a7fa !important;
	height:380px !important;
}

.laser-pro-section .extra-setup,
.color-laser-section .extra-setup,
.laser-section .extra-setup
{display:none;}

.laser-pro-section .s-active,
.color-laser-section .s-active,
.laser-section .s-active
{display:block;}

.laser-section{
    background-color: #e8308c !important;
    /*height: 300px !important;*/
    padding: 20px 0px;
}


.laser-pro-section{
    background-color: #ff6923 !important;
    /*height: 300px !important;*/
    padding: 20px 0px;
}


.color-laser-section{
    background-color: #30e8bd!important;
    /*height: 300px !important;*/
    padding: 20px 0px;
}

.envy-section{
	background-color:#ff2948 !important;
	height:380px !important;
        padding:20px 0px;
}
.deskjet-section{
	background-color:#913ee5 !important;
	height:380px !important;
        padding:20px 0px;
}
.officejet-section{
	background-color:#27a7f9 !important;
	height:380px !important;
        padding:20px 0px;
}

.extra-setup br {
display: none;
}
.officejetpro-section{
	background-color:#77d53f !important;
	height:380px !important;
        padding:20px 0px;
}

.mn-tle-prd{
font-size:28px;

}

.setup p.space {
	font-size: 18px !important;
    text-align: center !important;
    font-weight: 600 !important;
    color: #fff !important;
    position: relative !important;
    float: none !important;
    padding:90px 0px 0px !important;
}
#fancy-header {
    margin-top: -50px;
}
.printer-setup h1.mn-tle-prd{
    font-size: 2em !important;
    font-weight: 700;
}
.trbl-pg .container .padding {
    padding:0px 15px !important;
}

.officejetpro-section .extra-setup:hover h2, .deskjet-section .extra-setup:hover h2 a {
    color: #77d53f;
}


.officejetpro-section .s-active h2, .deskjet-section .s-active h2 a{
    color: #77d53f;
}


.deskjet-section .extra-setup:hover h2, .deskjet-section .extra-setup:hover h2 a {
    color: #913ee5;
}


.deskjet-section .s-active h2, .deskjet-section .s-active h2 a{
    color: #913ee5;
}


.officejet-section .extra-setup:hover h2, .officejet-section .extra-setup:hover h2 a {
    color: #27a7f9;
}


.officejet-section .s-active h2, .officejet-section .s-active h2 a{
    color: #27a7f9;
}

[class*=" icon-"]:before, [class^=icon-]:before{
    font-family: 'icomoon' !important;
}


.extra-setup h2:before{
    content: "\e900";
    font-family: 'icomoon' !important;
    position: absolute;
    font-weight: 400;
    font-size: 3em;
    top: 20px;
    left: 0px;
    right: 0;
}

.extra-setup:last-child h2:before{
    content: "\e901";

}

.extra-setup:nth-child(2) h2:before{
    content: "\e902";

}



.user-guide h4, .call-us h4, .specs h4, .bold-line {
    font-weight: 600 !important;
    font-size: 14px !important;
}

.call-us h4, .specs h4, .grey-text{
color: #676b6d !important;
}


.trbl-pg .printer-setup img{
    width: auto;
    margin-top: 0px;
    margin-left: 0px;
    margin: 0px auto!important;
}
.trbl-pg .orange-dial img {
    margin: 0px auto;
    border-radius: 50px;
    width: 80%; 
    padding-bottom: 10px;
}
.setup img{
    width: 100% !important;
    margin: 0px auto !important;
    text-align: center !important;
    position: relative !important;
    z-index: 99!important;
    float: none !important;
    padding: 0px 20px 20px !important;
}
.specs .orange-dial img{
    margin: 30px auto;
    width: 250px;
} 
.eprint-src{
    width: 70%;
    padding: 20px;
}
.extra-title h2{
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin: 0;
}
.container .padding{
	padding: 10px 0 !important;
}
.extra-title .row p{
	width: 30% !important;
    float: left;
    font-size: 14px !important;
}
.extra-title a{
	color: #fff;
}
.extra-title .col-md-4 p{
	width: 100% !important;
        display: none;

}
.extra-title{
    font-size:18px !important;
    padding: 10px 60px !important;
}
.extra-setup:hover{
background-color: #ffffff;
    color: #ff2948;
}
.officejetpro-section .extra-setup:hover h2, .officejetpro-section .extra-setup:hover h2 a{
    color:#77d53f!important;
}


.extra-setup:hover h2, .extra-setup:hover h2 a{
    color: #ff2948;
}
.cnt-addrs a{
font-size:15px;
color:#000;
}
.cnt-fom{
padding:30px;
}




.cat-prd{
	    background-color: #fff;
    padding: 40px 20px !important;
	-webkit-box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
	margin-bottom: 20px;
}
.cat-prd p{
	color:#6e6c6c;	
}
.cat-prd img {
width: 200px ;
height: 121px;
}
.landing chs-mdl img {
width: 235px !important;
height: auto !important;
margin: 0 auto !important;
}
.landing .container{
width:100%;
}
.landing .choose-model,
.landing .container{
margin:0 !important;
padding:0 !important;
}
.home-topics{
    background-color: #fff;
    padding: 40px 20px !important;
    -webkit-box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    margin-bottom: 20px;
    width: 100%;
}
.we-asst .wndo-call img {
    width: 60% !important;
    height: auto !important;
    margin: 0px 50px !important;
    border-radius: 0px !important;
}
.we-asst{
    background-color: #fff;
    padding: 40px 20px !important;
    -webkit-box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    margin-bottom: 20px;
    width: 1200px;
}
.we-asst .choose-model{
padding:0px !important;
}
.we-asst .choose-model .title-h1{
    text-align: center;
    font-size: 24px !important;
    font-weight: 400;
}
.we-asst .chs-mdl h2{
    text-align: center;   
    font-weight: 400;
}
.cato{
    margin-top: 20px;
}	

.btn.btn-know{
    padding: 12px 20px;
    border: 1px solid #000;
    border-radius: 0px;
    color: #000;
    
}
.extra-setup{
    text-align: center !important;
    margin-top: 60px !important;
    padding: 70px 10px 30px !important;
    padding: 70px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.extra-setup img{
	margin:0px auto;
        display: none;
}


.s-active{
	background-color: #fff;	
}

	
.s-active h2, .s-active h2 a{
	color:#ff2948;
        padding: 0px;
        margin: 0px;
}
.sb-tle{
    font-weight: 300;
    font-size: 22px;
}
.laser-pro-section .s-active h2 {
    color: #ff6923 !important;
    padding: 0px;
    margin: 0px;
}
.color-laser-section .s-active h2 {
    color: #30e8bd !important;
    padding: 0px;
    margin: 0px;
}
.laser-section .s-active h2  {
    color: #e8308c !important;
    padding: 0px;
    margin: 0px;
}


.envy-section .s-active h2 {
    color: #ff2948 !important;
    padding: 0px;
    margin: 0px;
}

.deskjet-section .s-active h2{
	color:#913ee5 !important;
        padding: 0px;
        margin: 0px;
}

.officejet-section .s-active h2{
	color:#27a7f9 !important;
        padding: 0px;
        margin: 0px;
}

.officejetpro-section .s-active h2{
	color:#77d53f !important;
        padding: 0px;
        margin: 0px;
}



.envy-btn{
margin-bottom:20px;
}

.top-head .bg {
    position: absolute !important;
    font-size: 290px !important;
    color: #fff !important;
    opacity: 0.08 !important;
    top: 190px !important;
    font-weight: 600 !important;
}
.deskjet-section .top-head .bg{
    font-size: 190px !important;
    top: 210px !important;
}
.officejet-section .top-head .bg{
    font-size: 184px !important;
    top: 210px !important;
}
.officejetpro-section .top-head .bg{
    font-size: 140px !important;
    top: 210px !important;
}
.printer-setup img{

        margin: 0px 60px;
    /*width:100%;margin-left: 60px;*/
}
.printer-setup troubleshooting img{
     width:40%;
    margin-top: 20px;
    margin-left: 60px;
}
.orange-dial img{
margin:50px 80px;
border-radius:50px;
height:auto !important;
}
.footer-toll img, .footer-toll .img {
    z-index: 9999;
    position: fixed;
    bottom: 0px;
    border-radius: 5px;
    border-radius: 10px 10px 0px 0px;
    width: 170px;
    left: 25px;
    border: 2px solid #ffffff;
    border-bottom: 0px !important;
    -box-shadow: 0px 0px 5px #000;
    box-shadow: 0px 0px 5px #000;
    -webkit-box-shadow: 0px 0px 5px #000;
}
.header-side-right .scroll-top.on {
    right: 10px;
    left: auto;
    bottom: 100px;
}
#footer .wf-container {
    margin: 0 10px !important;
    float: none;
}
.wf-container-bottom{
margin:0 10px !important;
}
.sec-blk{
	background-color:#121212;
	width:100%;
	padding:20px;
	overflow:hidden;
	
}

.chs-mdl{
	text-align:center;
}

.chs-mdl h1{
    font-size: 18px;
    font-weight: 400;
    margin: 0px;
}



.btn.btn-my{
    padding: 15px 25px;
    background-color: #27a7f9 !important;
    color: #fff;
    border-radius: 50px;
    margin: 20px;
}

.sec-blk .title-h1{
	text-align:center;
	color:#fff;
	font-weight:300;
	font-size:30px;
	padding:10px 0px 30px;
}



.cal-s{
    font-size: 30px;
    line-height: 0px;
}
.num-b{
    font-size: 75px;
    margin-bottom: -85px;
    margin-top: 45px;
}
.icon-box:before {
 content: '';
}

.icon-box:hover{
	background-color:#1d1d1d;
	color:#fff;
	-webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    0px 0px 80px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         0px 0px 80px 0px rgba(0, 0, 0, 0.35);



}

.icon-box{
	font-size:16px;
	color:#787878;
	text-align:center;
	padding:30px 5px;
	font-weight:400;
	font-family: 'Lato', sans-serif !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
	
}

.icon-box h5 a{
	font-size:14px;
	line-height:20px;
	color:#787878!important;
}

.icon-box span,
.icon-box i{
	font-size:3em;
}

.how-it-works{
	padding:40px;
background:#121212;
	
}

.how-it-works .title-h1{
color:#fff;
    text-align: center;
    padding: 0px 0px 0px;
    font-weight: 300;
    margin: 0px;
    font-family: 'Lato', sans-serif !important;
}

.icon-round{
	font-size:16px;
	color:#787878;
	text-align:center;
	padding:0px 50px 20px;
	font-weight:400;
	font-family: 'Lato', sans-serif !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.icon-round span{
	
}

.icon-round i{
    font-size:3em;
    background-color: #fff;
    color: #333;
    border-radius: 50%;
    padding: 30px 20px;
	-webkit-box-shadow: 0px 15px 130px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 15px 130px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 15px 130px 0px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.icon-round:hover i{
	-webkit-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0px 0px 100px 0px rgba(0, 0, 0, 0.15);
	box-shadow:         0px 0px 100px 0px rgba(0, 0, 0, 0.15);
}


.icon-round p{
    font-size: 16px;
    line-height: 20px;
    margin-top: 40px;
    font-family: 'Lato', sans-serif !important;
}



.sec-blk-pop{
	padding:40px;
	background-color:#121212;
	color:#fff;
}
.orange-pop img{
	border-radius: 50px;
        margin-top:15px;
        width:240px;
}


.sec-blk-pop .title-h1{
	text-align:center;
	padding:0px 0px 30px;
	font-weight:300;
	color:#fff;
}



.sec-vid-home{
	padding:40px;
	
}


.sec-vid-home{
	text-align:center;
	background-color:#3eaff9;
	background-image:url(/wp-content/uploads/2016/12/bg-2.jpg);
	padding:80px 20px 100px;
	color:#fff;
	background-size:cover;
	
}

.vid-bg h3{
	font-size:24px;
	line-height:30px;
	color:#fff;

}
.vid-bg p{
	padding:0px;


}
.ply-btn{
    background-color: transparent;
    padding: 0;
    border: 0px;
    border-radius: 0;
    outline: none;
    margin-top: 20px;
}


.ply-btn i{
    font-size: 2em;
    color: #3eaff9;
    background-color: #fff;
    padding: 25px 25px 25px 30px;
    border-radius: 50%;
    margin-top: 30px;

}



.popup h4{
	font-family: 'Lato', sans-serif !important;
	font-weight:600;
	margin:0px;
    font-size:22px;
line-height:30px;
padding:10px 0px;
}


.popup br{
	display:none !important;

}


.fancybox-skin{
position: relative;
    background: transparent;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0px 0px rgba(255, 255, 255, 0) !important;
    -moz-box-shadow: 0 0px 0px rgba(255, 255, 255, 0) !important;
    box-shadow: 0 0px 0px rgba(255, 255, 255, 0) !important;
}
.fancybox-content-inside{
    border: 0px solid #D2D2D2;
    -moz-box-shadow: 0 0 0px #CCC;
    -webkit-box-shadow: 0 0 0px #CCC;
    box-shadow: 0 0 0px #CCC;
	

}
.popup{
	background-color:#fff;
	margin:0px auto;
	padding:10px 30px;
}

.prnt-img{
	padding-top: 20px !important;
}
.prnt-img img{
	padding:5px;
	
}

.call_us_pop{
	margin-top:20px;
	
}
.call_us_pop p{
    padding: 5px 0px;
    margin: 0px;
}
.call_us_pop h3{
    padding: 0px;
       margin: 5px;
    line-height: 22px;
}

.call_us_pop h3 img{
    float: left;
    padding: 0px 10px 0px 0px;
}


.ic-sec-pop{
	float:left;

}

.ic-sec-pop{
	margin-top:15px;
	
}

.ic-sec-pop img{
	float:left;
	position:absolute;
    margin-top: 6px;
left:0px;
}
.container h2 {
    font-size: 18px;
    margin: 0px;
}

.faded-title{
    font-weight: 900;
    color: #292929;
	float:left;
}


.b-left{
    font-size: 162px !important;
    margin-bottom: -75px !important;
    margin-top: 0px;
}
.sec-blk-pop .title-h1,
.ic-sec h2,
.how-it-works .title-h1,
.choose-model .title-h1 {
    text-align: center;
    font-size: 30px;
font-weight:600;
}

.ic-sec-pop .cnt{
    float: left;
    padding: 0px;
    margin-left: 60px;
}

.ic-sec-pop h5{
	float:left;
	font-size:18px;
	margin:0px;
}

.ic-sec-pop p{
	float:left;
	color:#838383;

}


.orange-dial .anim{
margin: 0px 120px !important;
    width: 70% !important;
}

.btn.btn-call-pop{
	margin-top:10px;
    padding: 20px 60px;
    border-radius: 50px;
    background-color: #27a7f8;
    color: #fff;
}
p.steps{
    margin: 0px;
    font-size: 14px;
    line-height: 20px;
}



.blk-half{
	padding:10px;
	
}

.blk-half i{
	font-size:3em;
	
}

.blk-half h5{
	font-size:18px;
	font-weight:700;
        color:#fff;
}

.blk-half p{
	font-size:14px;
	color:#787878;
}
.provide-supp h3{
	text-align:center;
}
.tech-supp img{
	margin:0px auto;
}
.provide-supp{
	text-align:center;
}
.tech-supp{
	margin-top:10px;
}

#main > .wf-wrap{
	width: 100%;
   	 padding: 0px;
}
.rectangle{
    width: 360px;
    height: 70px;
    background-color: #27a7f9;
    position: absolute;
    top: 280px;
    left: 170px;
}
.rectangle img{
	margin: 10px 20px !important;
        float: left;
}
.rectangle a{
    font-size: 32px;
    color: #fff;
    padding: 0px 4px;
    font-weight: 700;
    float: left;
}
.specs h3{
font-size:18px;
}
.specs ul li{
font-size:13px;
}
.call-us:hover{
    -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.45);
	box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.45);
padding:30px 0px !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.call-us{
padding:30px 0px !important;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.trbl-pg .col-md-8{
padding-left: 0px !important;
}
.specs:hover{
 -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.45);
	box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.45);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding:30px;
}

#main {
    padding: 0px 0 0px 0 !important;
margin-top: 0px !important;
}
.specs{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
padding:30px;
}
.center-cont h2{
font-size:30px;
text-align:center;
font-weight:400;
    margin: 0;
}
.user-guide ul li{
font-size:13px;

}
ul li{
list-style-image:url(/wp-content/uploads/2016/12/arrow.png);
}
.middle{
margin-top:30px;
    background-color: #201b1b !important;
    color: #aca8a8!important;
        padding: 0 30px;
    width: 120%!important;
    margin-left: -110px!important;
}
.middle h3{
    color: #FFF !important;
}
.airprint-set p,ul li{
font-size:14px !important;
}
.airprint-set h2{
font-size:18px !important;
    margin: 0;
line-height: 30px;
}
.airprint-set h3,
.airprint-set h4{
font-size:14px !important;
    margin: 0;
line-height: 30px;
}
.airprint img{
margin-top:0px;
}
.call-tollfree img{
border-radius:50px;
margin-top:40px;
}
.dial-up{
    text-align: center !important;
    width: 390px;
    line-height: 70px;
}

.ic-sec{
padding:40px;

}

.choose-model{
padding:40px;

}
.dial-up img{   
    margin: 0px auto;
    border-radius: 50px;
    margin-top: 20px;
}
.dial-up a{
   float: left;
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    margin-top: -7px;
}
.dial-up p{
color:#fff;
margin-left:70px;
}

.call-imm a{
color:#fff !important;
font-size:26px !important;
}
a{
text-decoration:none;
}
.side-header .branding{
display:none !important;
}
.tele-call{
margin-top:100px;
}
.tele-call .menu-text{
font-size:17px !important;
margin-top:20px !important;
margin-left: 46px !important;
}
.tele-call::before{
    content: "" !important;
    position: absolute !important;
    width: 60px;
    height: 51px;
    background-image:url(/wp-content/uploads/2016/12/gifcall.gif) !important;
background-repeat:no-repeat;
margin-left: -13px;
}
.printer-setup h2{
font-size:18px !important;
}
.printer-setup h3{
font-size:16px !important;
font-weight:400;
}

.printer-setup p{
font-size:13px !important;
}
.printer-setup ul li{
font-size:13px !important;
}
.call-us h2{
font-size:16px !important;
color:#fff;
    margin: 0 !important;
}
.call-us h3{
font-size:16px !important;
font-weight:400;
color:#676b6d;
}
.call-us p{
font-size:13px !important;
}
.call-us ul li{
font-size:13px !important;
}
.specs h2{
font-size:18px !important;
color:#fff;
    margin: 0 !important;
}
.specs h3{
font-size:16px !important;
font-weight:400;
color:#676b6d;
}
.specs ul li, p{
font-size:15px !important;
}
.provide-supp p{
font-size:15px !important;
}
.user-guide h2{
font-size:18px !important;
    margin: 0px;
}
.user-guide h3{
font-size:16px !important;
font-weight:400;
margin:0;
}
.video-embed{
    padding:30px;
    margin-top: 10px;
}
.orange-toll img{
    border-radius: 50px;
    margin: 10px 0px;
}

.tele-call::after {
    content: "Call Us Tollfree";
    position: absolute;
    font-size: 14px;
    left: 65px;
}
.mCSB_dragger_bar{
display:none;
}
.mCSB_draggerRail{
display:none;
}
.ult_modal-body{
    padding: 50px !important;   
    line-height: 25px !important;
}
.mini-widgets img{
 width:60%;
border-radius:50px;
}
.choose-model h1{
font-size:18px;
text-align:center;
}
.choose-model img{
width:60%;
}
#wpseo_sitemap.columns_4{  
    background-color: #fff;
    padding: 40px 20px !important;
    -webkit-box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    margin: 20px auto !important;
    float: none;

}
#wpseo_sitemap h3 {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 0;
    margin-bottom: 8px;
    width: 100%;
    font-weight: 400;
    margin-top: 0;
}
#wpseo_sitemap h4 {
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 0;
    margin-bottom: 4px;
    font-weight: 400;
}
#wpseo_sitemap {
    width: 90%;
    position: relative;
    clear: both;
}


/* ---------Smartphones (landscape)--------------start----------- */
@media screen and (device-height: 360px) and (device-width: 640px){
.mac-lion-in {
    font-size: 11px;
    color: #b9b9b9;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 124px;
    left: 374px;
}
.driver-sec
{
    padding: 0px 36px !important;
}

.e-print {
    color: #17a5d3;
    font-size: 20px;
    font-weight: 700;
}
}


/* ---------Smartphones (portrait and landscape)----------------------------- ----------- */




@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.first-para,
.fancybox-overlay-fixed,
.fancybox-overlay,
.fancybox-mobile{
	display:none !important;

}
.e-print 
{
    color: #17a5d3;
    font-size: 20px;
    font-weight: 700;
}

.wndo-supt ol li{
text-align:left;
}
.side-header .branding {
    display: block !important;
}
.cato-oj {
    margin-top: 60px !important;
}
.cato-oj-pro{
 margin-top: 60px !important;
}

#main > .wf-wrap {
    width: 100%!important;
    padding: 0px;
}
/*slider--start */
#page #main {
    padding: 0px 0 0px 0 !important;
margin-top: -80px !important;
}
.printer-setup h1.mn-tle-prd {
    font-size: 1.4em !important;
}

.printer-setup img {
    margin: 0px auto;
}

.orange-dial img {
    margin: 0px auto;
}

orange-dial{
   margin-top:10px;
}
.sec-blk {
    padding: 0px;
}

.dial-up img {
    margin-top: 0px;
    width: 80%;
}

.center-cont h2 {
    font-size: 1.4em;
    line-height: 30px;
}
.container h2 {
    font-size: 10px !important;
    margin: 0px;
}

.mac {
    color: #000;
    font-size: 10px !important;
    font-weight: 600;
    margin: 0px 5px 0px 0px !important;
}
.vid-bg h3 {
    font-size: 1.4em;
    line-height: 30px;
    color: #fff;
}

.mac-lion-in {
    font-size: 11px;
    color: #b9b9b9;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 60px;
    left: 178px;
}
.driver-sec
{
    padding: 0px 26px;
}
.mac-driver-sec
{
padding: 0px 10px !important;
}

.mac-sec img {
    width: 20%!important;
    padding: 0px;
    margin: 0px;
    height: auto !important;
}

#fancy-header {
    margin-top: -20px !important;
}
.extra-title {
    font-size: 14px !important;
     padding: 0px 10px 30px !important;
}
.top-keys, .top-ikeys{
    display: none;
}
.extra-setup {
    padding: 65px 0px 30px !important;
}

.extra-setup h2:before{
    top: 28px;
}
.top-head h1 {
    top: 150px !important;
    font-size: 70px !important;
}

#fancy-header .fancy-title>span {

    font-size: 18px;
}

.breadcrumbs, .fancy-header .wf-td .breadcrumbs{
    display: none !important;
}
.extra-title h2 {
    font-size: 14px;
    line-height: 14px;
}
.cato {
    margin-top:60px;
}
.cat-prd img{
	margin:0px auto;
}
.cato .container , .cato .container .col-md-6{
    /* padding-left: 0; */
    /* padding-right: 0; */
}

.cat-prd {
    padding: 20px 20px !important;
    text-align:center;
}

.cat-prd .col-md-6{
    padding-right: 15px;
    padding-left: 15px;
}
.trbl-pg .printer-setup img{
    width: auto;
    margin-top: 0px;
    margin-left: 0px;
    margin: 0px auto!important;
}




h1, .h1-size, .entry-title.h1-size, .dt-accordion-h1-size .wpb_accordion_header > a {
    font-size: 22px;
    line-height: normal;
}

.sec-vid-home iframe {
    height: 195px;
}

.sec-vid-home{
    padding: 10px 0px 20px;
}

.forcefullwidth_wrapper_tp_banner{
	display:none;
}

.alt-banner{
	display:block;
	margin-top:50px;
}


.green-office-jet img{
    width: 139.297px;
    height: 74.5703px;
    transition: none;
    line-height: 0px;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 5px;
}

.choose-model {
    padding: 0px;
}

.btn.btn-my {
    margin: 10px;
}

.chs-mdl {
    -webkit-box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 51px 1px rgba(0,0,0,0.1);
    margin-bottom: 20px;
    padding: 10px;
}


.mobile-mini-widgets img{
	width:100%;
}



.clearfixmob{
    /*clear: both; */
}
.laser-pro-section,
.color-laser-section,
.laser-section,
.envy-section{
height: 530px !important;
}
.officejetpro-section{
height: 530px !important;
}
.deskjet-section{
height: 530px !important;
}
.officejet-section{
height: 530px !important;
}

.popup{
    padding: 10px;
}
.fancybox-content-inside{
	width:100% !important;
}

.prnt-img img {
	display:none;
}

.fancybox-skin{
	background-color:#fff;
	
}


.fancybox-inner{
background-color:#fff;

}

.top-section{
    /*height: 720px !important;*/
}
.extra-setup img{
 float:left;
}
.extra-title .row p{
    width: 50% !important;
    float: left;
    font-size: 14px !important;
    line-height: 20px;
}
.extra-setup{
    margin-top: 20px !important;

}
.s-active{
    width: 100px;
}
.middle {   
    width: 110%!important;
    margin-left: -20px!important;
}
.extra-title h1{
text-align:left!important;
}
.tp-fullwidth-forcer {
    height: 175px !important;
}
.desk-jet img{
    width: 172.848px !important;
    height: 75.1px !important;
    transition: none !important;
    line-height: 0px !important;
    border-width: 0px !important;
    margin: 30px 60px !important;
}
.envy-pri img{
    width: 157.031px !important;
    height: 73.8672px !important;   
    margin: 10px 0px !important;
}

.office-jet-pro img{
    width: 119.297px !important;
    height: 64.5703px !important;
}
#call-us img{
    margin: 10px -90px !important;
}
#call-red img{
    margin: 10px -37px !important;
}
#office-jet img{
    width: 123.359px !important;
    height: 73.203px !important;
    transition: none;
    line-height: 0px;
    border-width: 0px;
    margin: 0px 80px !important;
}
.show-mobile-logo .branding img, .show-device-logo .branding img.mobile-logo, .side-header.show-device-logo .branding img.mobile-logo, .show-mobile-logo.show-device-logo .branding img, .show-mobile-logo.side-header.show-device-logo .branding img, .show-mobile-logo .mobile-branding img, .show-device-logo .mobile-branding img.mobile-logo, .side-header.show-device-logo .mobile-branding img.mobile-logo, .show-mobile-logo.show-device-logo .mobile-branding img, .show-mobile-logo.side-header.show-device-logo .mobile-branding img{
 display: block !important;
}
#page .masthead.mixed-header{
background:#ffffff !important;
}
.forcefullwidth_wrapper_tp_banner{
    margin-top: 60px !important;
}
.forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer{
     height: 175px !important; 
}
.mobile-main-nav>li:before{
    border-top: solid 0px #ff0!important;
    height:60px!important;
}
.orange-dial .anim {
    margin: 0px 40px !important;
    width: 70% !important;
}
.printer-setup .troubleshooting img{
margin: 0px auto !important;
}
.dial-up img {
    margin: 10px auto;
    border-radius: 50px;
}
#wpseo_sitemap.columns_4 {
    background-color: #fff;
    padding: 40px 20px !important;
    -webkit-box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    margin: 60px auto !important;
    float: none;
}

}
/* ---------Smartphones (portrait and landscape)--------------END-------END--------END----------- */

@media (min-width: 768px)and (max-device-width : 1024px){
.col-sm-3 {
    width: 20%;
}
}
@media only screen and (min-width : 320px) {
.icon-box{
    padding: 30px 0px;
}

}




@media only screen and (min-device-width : 1366px) and (max-device-width : 5120px) {

#main > .wf-wrap {
    width: 100%;
}	
}


@media only screen and (min-device-width : 480px) and (max-device-width : 740px) {

.prnt-img img {
	display:none;
}


#fancy-header {
    margin-top: -20px !important;
}

.cato {
    margin-top: -25px;
}

.cato .container , .cato .container .col-md-6{
    padding-left: 15px;
    padding-right: 15px;
}
.cat-prd img{
	margin:0px auto;
}

.cat-prd {
    padding: 20px 20px !important;
    text-align:center;
}

 .cat-prd .col-md-6{
    padding-right: 15px;
    padding-left: 15px;
}


.show-mobile-logo .mobile-branding img{
	display:block;
}

.mobile-mini-widgets img{
	width:260px;

}


.forcefullwidth_wrapper_tp_banner{
	display:none;
}

#page .masthead.mixed-header {
    background: #1d1d1d !important;
}

.alt-banner{
	display:block;
	margin-top: 80px;
}

.fancybox-content-inside{
	width:100% !important;
	background-color:#fff;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 800px) {

.setup{
    width: 35%;
    float: left;
}

.extra-title{
    width: 65%;
    float: left;
}

.setup img{
    padding: 10px 0px 20px !important;
}


.cat-prd{
	text-align:center;

}

.cat-prd img{
	margin:0px auto;

}
.cato .cat-prd .col-md-6{
	width:100%;
}

.cato .container .col-md-6{
	width:50%;
  	float: left;
}
#fancy-header {
    margin-top: -60px !important;
    padding: 30px;
}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.user-guide .dial-up img{
    margin:10px 0px;
    border-radius: 50px;
}
.landing .chs-mdl p{
    font-size: 13px !important;
}

.top-ikeys {
    top: 300px !important;
    margin-left: 48px !important;
}

.officejet-section .top-ikeys, .officejetpro-section .top-ikeys {
    margin-left: 66px !important;
    margin-top: 60px !important;
}
.brand-name
{
    margin-top: 36px !important;
}
.brand-name h2 a {
    font: normal bold 16px 'Lato', sans-serif !important;
    font-size: 16px !important;
    line-height: 16px !important;
    color: #fff !important;
}
.logo .brand-icon img
{
width: 116px !important;
 border-radius: 50px;
}


.landing .chs-mdl img{
    width: 210px;
    height: auto !important;
}

.air-print {
    color: #7b7b7b;
    font-size: 16px !important;
    font-weight: 700;
}
span.windows7-bd {
    font-size: 14px;
}
.mac-sec
{
    margin-left: 90px !important;
}
.mac-lion-in {
    font-size: 6px;
    color: #b9b9b9;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 40px !important;
    left: 48px !important;
}
span.win-7-no {
    color: #000;
    font-size: 18px;
    font-weight: 300;
    padding-left: 4px;
}
span.windowsxp-bd {
    color: #000;
    font-size: 16px;
}

span.bd-fnt {
    color: #000;
    font-size: 15px;
    font-weight: 700;
}
.col-sm-3 {
    width:18%;
}

.choose-model img {
    width: 100% !important;
}
.orange-dial .anim {
    margin: 0px 50px !important;
    width: 70% !important;
    border-radius:0px !important;
}
.eprint-src {
    width: 100%!important;
    padding: 10px!important;
}
.specs ul li, p {
    font-size: 13px !important;
}

}

/* iPads (portrait and landscape) ------------------------------------------------------------------ */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.forcefullwidth_wrapper_tp_banner .tp-fullwidth-forcer{
     height: 415px !important; 
display:none!important
}
.hpcom-tabs .tab-content {   
    min-height: 600px;
    padding: 10px 10px;
}
.upper-sec
{
    padding: 0px 12px !important;
}
.mac-lion {
    color: #b9b9b9 !important;
    font-size: 14px;
    font-weight: 600;
}

.mac-lion-in {
    font-size: 9px;
    color: #b9b9b9;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 38px;
    left: 55px;
}
.mac-sec
{
margin-left: 22px;
}
span.bd-fnt {
    color: #000;
    font-size: 15px;
    font-weight: 700;
}
span.win-7-no {
    color: #000;
    font-size: 15px;
    font-weight: 300;
    padding-left: 4px;
}
.window-10 span
{
font-size: 16px !important;
}
.window-8 span
{
font-size: 16px !important;
}

span.windowsxp-bd {
    color: #000;
    font-size: 15px;
}
.mac-os {
    color: #a1a1a1 !important;
    font-size: 14px;
}
.mac-pro {
    color: #d6d3ca !important;
    font-size: 14px !important;
    font-weight: 600;
}
.mac {
    color: #000;
    font-size: 14px !important;
    font-weight: 600;
    margin: 0px 5px 0px 0px !important;
}
.title-h1
{
    margin-top: 20px !important;
}
.dial-up img {
    margin: 10px auto;
    border-radius: 50px;
}


span.windows7-bd {
    color: #000;
    font-size: 16px;
}
.fancy-header .wf-td .breadcrumbs, .page-title .wf-td .breadcrumbs{
display:none;
}
.wndo-call .orange-dial img{
    margin: 0px auto;
    width: 60%;
}
.wndo-supt ol li{
text-align:left;
}
.mn-tle-prd {
    font-size: 26px;
}	
.cat-prd {
    background-color: #fff;
    padding: 40px 20px !important;
    -webkit-box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 51px 1px rgba(0,0,0,0.1);
    margin-bottom: 20px;
    margin-top: 20px;
}

.dial-up img {
    margin: 10px auto;
    border-radius: 50px;
}

.mixed-header.side-header-h-stroke, .mixed-header.side-header-v-stroke{
    background-color: rgb(18, 18, 18);
}
.orange-toll img {
    border-radius: 50px;
    margin: 0px auto!important;
}


.mobile-main-nav>li:before{
    border-top: solid 0px #ff0!important;
    height:60px!important;
}

.forcefullwidth_wrapper_tp_banner{
	display:none!important;
}
.trbl-pg .printer-setup img{
margin:10px auto!important;
}
.eprint-src{
width: 70%;
padding: 50px;
}
.extra-title h2{
line-height:20px;
}
.alt-banner{
	display:block!important;
	margin-top:10px!important;
}
.mobile-mini-widgets img{
width:180px !important;
border-radius:50px;
}

.printer-setup img {
    width: auto;
}

.top-head h1 {
    top: 100px !important;
    font-size: 170px !important;
}

.top-ikeys {
    top: 240px;
    margin-left: 20px;
}
.envy-model h2, .officejet-model h2, .officejet-pro-model h2, .deskjet-model h2{
font-size: 16px !important;
}


.show-mobile-logo .branding img, .show-device-logo .branding img.mobile-logo, .side-header.show-device-logo .branding img.mobile-logo, .show-mobile-logo.show-device-logo .branding img, .show-mobile-logo.side-header.show-device-logo .branding img, .show-mobile-logo .mobile-branding img, .show-device-logo .mobile-branding img.mobile-logo, .side-header.show-device-logo .mobile-branding img.mobile-logo, .show-mobile-logo.show-device-logo .mobile-branding img, .show-mobile-logo.side-header.show-device-logo .mobile-branding img{
 display: block !important;
}
.mobile-mini-widgets-in-menu span img{
width:240px;
}
.sec-vid-home{
padding:0px;
margin-top:0px;
}
.extra-title h1{
color:#000;
}
.s-active{
float:left!important;
}
.top-section{
height: 780px !important;
}
.printer-setup img{
margin-top: 10px;
 margin-left: 0px;
margin:0px auto !important;
}
.container h2 {
    font-size: 13px !important;

}
.deskjet-section .top-head h1{
font-size: 130px !important;

}
.orange-dial img{
margin: 30px 0px;
border-radius: 60px;
}
.middle{
margin-top: 30px;
    background-color: #201b1b !important;
    color: #aca8a8!important;
    padding: 0 50px;
    width: 120%!important;
    margin-left: -80px!important;
}
.specs ul li, p {
    font-size: 16px !important;
}
.extra-title{
min-height:140px!important;
}
}
/* iPhone 6 ----potrait------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
.fancybox-overlay-fixed,
.fancybox-overlay,
.fancybox-mobile{
	display:none !important;

}

.upper-sec
{
   padding: 0px 50px;
   margin: 0px;
    left: 0;
   right: 0;
}
.landing .title-h1 {
    font-size: 14px !important;
    text-align: left !important;
}

.mobile-mini-widgets img{
width:140px !important;
}
.wndo-call .orange-dial img{
    margin: 0px auto;
    width:100%;
}
.wndo-supt ol li{
text-align:left;
}
.dial-up img {
    margin: 10px auto;
    border-radius: 50px;
}

.icon-box h5{
font-size: 14px!important;
}
.s-active{
    width: 100px!important;
}
.extra-title{
    min-height: 200px!important;
}

.extra-setup img{
float: none;
}
.top-section{
    height: 520px !important;
}
.extra-title h1 {
    text-align: center!important;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0px;
    font-weight: 300;
}
.orange-dial img{
margin: 20px 0px!important;
}

.printer-setup img{
    width: 100%!important;
    margin-top: 0px!important;
    margin-left: 0px!important;
}
.middle{
margin-top: 0px;
 padding: 0 0px;
}
.extra-title{
padding: 0px 30px !important;
}
}
@media only screen and (min-width :640px) and (max-width:740px) { 
.officejet-section { 
    height: 780px !important; 
}
.officejetpro-section {  
    height: 780px !important;
}
.laser-pro-section,
.color-laser-section,
.laser-section,
.envy-section {
    height: 780px !important;
}
.deskjet-section {   
    height: 780px !important;
}
.printer-setup img {
    margin: 0px auto;
}
.container h2 {
    font-size: 16px !important;
    margin: 0px;
}
.mobile-main-nav>li:before{
    border-top: solid 0px #ff0!important;
    height:60px!important;
}
.orange-toll img {
    border-radius: 50px;
    margin:0px auto;
}
.cato-oj {
    margin-top: 60px !important;
}
.cato-oj-pro{
 margin-top: 60px !important;
}
}


/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
.fancybox-overlay-fixed,
.fancybox-overlay,
.fancybox-mobile{
	display:none !important;

}
.mobile-mini-widgets img{
width:140px !important;
}
.mac-lion-in {
    font-size: 11px;
    color: #b9b9b9;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 124px;
    left: 390px;
}
.top-keys{
    top:80px;
    position: absolute;
    margin-left: 270px;
    color: #ffF;
    font-size: 12px !important;
    font-weight: 600;
}

.upper-sec
{
margin: 0px;
   padding: 0px 120px;
}
.top-ikeys {
    top: 400px;
    margin-left: 210px;
    font-size: 20px !important;
}
.driver-sec
{
    padding: 0px 36px !important;
}
.printer-setup img {
    margin: 0px auto!important;
}
.officejet-section { 
    height: 780px !important; 
}
.officejetpro-section {  
    height: 780px !important;
}
.laser-pro-section,
.color-laser-section,
.laser-section,
.envy-section {
    height: 780px !important;
}
.deskjet-section {   
    height: 780px !important;

}
.tp-fullwidth-forcer{
height: 355px !important;
}
.office-jet-print img{
    width: 298.252px!important;
    height: 169.74px!important;
    ransition: none;
    line-height: 0px;
    border-width: 0px;
    margin: 0px 90px!important;
    padding: 0px;
    letter-spacing: 0px;
    font-weight: 400;
    font-size: 8px;
}
.green-office-jet img{
    width: 262.197px!important;
    height: 135.218px!important;
}
#green-toll img{
    margin: 0px -130px!important;
}
.green-h1{
margin: 0px 16px!important;
}
}
.side-header .main-nav{
padding: 10px 0px 10px 30px !important;
}





.no-padding{padding-left:0 !important; padding-right:0 !important;}
.tab-new{width:100%; background:#fff !important; border:1px solid #ccc; border-radius:5px;}
.tab-new p {font-size:14px; line-height:30px; padding-left:25px; }



/*.video-tab li:first-child{background-color:#0072bb !important; color:#fff !important;}*/

.video-tab li{margin: 0px 14px 0 18px !important;}
.video-tab li:nth-child(1n) a{background:#0072bb;}
.video-tab li:nth-child(2n) a {background: #ff4c3b;}
.video-tab li:nth-child(3n) a {background: #ffd034;}
.video-tab li:nth-child(4n) a {background: #29407c;}
.video-tab li:last-child a {background: #660000;}


.video-tab li h2{color:#fff !important;}

.video-border{border:1px solid #ccc; padding:0;}
.video-img{position: relative;     margin:0;}
.vid-btn{    position: absolute;
top: 43px;
    left: 54px;}

.no-padding p {
    visibility: hidden;
    display: none;
}
.video-img img{width:100%; height:100%; object-fit:contain;}

.vid-btn img{    width: 50px;
    height: 35px;}
.btn{background:none !important;}
.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}

.vc_separator h4
{
color:white !important;
}