body{
	padding:0px;
	margin:0px;
  font-family: 'Lucida Sans Uni...',sans-serif;



}
ul li {
	list-style-type: square;
}

.clr-text {
	color:#203b82;
}
.mt-4 {
  margin-top:40px;
}

.mt-6 {
	margin-top:6%;
}


.navbar-nav {
    margin-top: 19px!important;
  }


.top-header-2  {
	height:0px;
}

/*.content  {
	text-transform: uppercase;
        padding: 60px;
    line-height: 1.4;
    padding-bottom: 20px;
    margin-top: -2%;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1.2px;
    font-size: 58px;
}
*/
.frame {
margin-top: -46%;
color:#fff;
}

a.banner-btn:focus {
	color:#fff!important;
}
.call-btn {
	    margin-left: 66px;
}


/*next section css strt  here */

.cnt-bg-2  {
	background:#203b82;
	 border-radius: 0px 30px 30px 0px;
	 min-height:100px;
	 color:#fff;
	 padding: 12px;
	  min-height: 172px;
	 margin-left: -33px;
}

.cnt-bg-2 p {
	    line-height: 2.4;

}
.bg-slice  {

	background:#162e6b;
	border-radius:30px;
}

.up-right  {
  float:right;
      margin-top: -188px;
  position: relative;
}


.guide-heading {
    position: relative;

    padding-bottom: 61px;
}
.ever  {
  padding: 16px 24px 0px!important;
}

.main-set {
	background:url(../images/hp-new/amc.jpeg);
        border-bottom: 2px solid #ff8d00;
    width: 600px;
    
    -webkit-box-shadow: -4px 2px 11px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -4px 2px 11px 0px rgba(0,0,0,0.75);
    box-shadow: -4px 2px 11px 0px rgba(0,0,0,0.75);
    height: 350px;

}
.main-set p {
    line-height: 2;
    color: #000000;
    padding: 8px;
    text-align: left;
        font-size: 20px;
}
   

.right-cnt h2 {
	margin-top: 20px;
    color: #203b82;
}

.sizeing {
	font-size:24px;
}

.bg-Cartridges  {
	background: #adadad;
	padding-top:30px;
	padding-bottom:30px;
}

.wireless-bg  {
	padding-top:30px;
	padding-bottom:30px;
	background:#203b82;
}

.mobile-type {
	display:none;
}

.mobile-num  {
	display:none;
}
/*end*//*


responsive css strt here */


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

  .mobile-num  {
	display:block;
  font-size: 6vw;
}




.content {
    text-transform: uppercase;
    padding: 0;
    line-height:0;
    margin-top: -5%;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1.2px;
    font-size: 58px;
    text-align: center;	

	}

	.bg-123 {
     padding: 11px;
    background: #2a4a9d;
    line-height: 7;
	}

	.pi-set{
		line-height: 0;
	}
	.frame {
		margin-top:0px;
		text-align: center;
	}
	.call-btn {
		margin-left:0px;
	}
	.cnt-bg img {
    margin-left: auto;
    border-radius: 30px;
    margin-right: auto;
    display: -webkit-box;
    }
 
    .cnt-bg-2 {
    background: #203b82;
    border-radius:30px;
    min-height: 100px;
    color: #fff;
    padding: 12px;
    min-height: 172px;
    margin-left: 0px;
    }
    .right-cnt {
    text-align: center;
    font-weight:700;
    }
    .navbar-default {
    z-index: 9;

    }
    }
@media  (min-width:1366px){


	.m-1366 {
		margin-top: 16%;
	}
	.cnt-bg-2 {
    font-size: 13px;
    background: #203b82;
    border-radius: 0px 30px 30px 0px;
    height: 333px;
    color: #fff;
    padding: 12px;
    margin-left: -33px;
} 
}

@media (min-width:1280px){

	.cnt-bg-2 {

    height: 317px;
        font-size: 12px;
}
 .m-r {
    margin-top: 12%;
}
}

@media (min-width: 1600px){
.cnt-bg-2 {
    font-size: 14px;
    height: 333px;
}
}


.right-cnt p {
  padding-bottom:20px;
}

/*end*/


/*tabs css strt here */



/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
	background-color: #03a9f4;
    width: 33.3%;
   border-right:2px solid #fff;
  float: left;

  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
  border:2px solid  #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #dddddd;
    border: 2px solid #dddddd;
}
.tab button.rule {
	  background-color: #ddd;
  border:2px solid #ddd;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.tabs-2  {
	display: block;
}


.tab-heading {
      margin-top: 12px;
	font-size:14px;
}

.content-area  {
	padding:20px;
}
.main-head {
	font-size: 20px;
}

@media (max-width:767px){


	.tab button {
		width:100%;
	}



}
/*end */



/*adv csss*/


.call-btn h2 {

  color:#fff;
  font-size:50px;
  padding-bottom: 42px;   
}


/*end*/



/*new-update csss strt here */
.main-banner-cnt {
  color:#fff;
  font-family: 'Barlow Condensed', sans-serif!important;
}

.main-banner-cnt  h1 {
  padding-bottom: 30px;
    font-size: 3vw;
    line-height: 1.3;
    color: #ffffff;
    text-transform: uppercase;
}
.main-banner-cnt  h2 {
    padding-bottom: 30px;
    color: #ff8d00;
    font-size: 3.5vw;
}

.printer-p-btn {
    border-radius: 30px;
    color: #000;
    background: #000;
    font-size: 23px;
    background: #ff8d00;
    padding: 13px 55px;
    text-transform: uppercase;
    transition: 0.3s;
    }
.printer-p-btn:hover {
   background: #03a9f4;
   color:#fff;
   transition: 0.3s;
    }


.ins-par   {
      background: #ffffff59;
    margin: 25px;
  font-size:18px!important;
}
/*'end'*/

@media (max-width: 787px){
 .main-set {
      margin-top: 10px;
    background: url(../images/hp-new/amc.jpeg);
    border-bottom: 2px solid #ff8d00;
     width: 100%;
    -webkit-box-shadow: -4px 2px 11px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -4px 2px 11px 0px rgba(0,0,0,0.75);
    box-shadow: -4px 2px 11px 0px rgba(0,0,0,0.75);
    height: auto;
 
  }
  .main-banner-cnt h2 {
    display:none;
  }
  .main-banner-cnt h1 {
        margin-top: -88px;
    padding-bottom: 30px;
    font-size: 6vw;
    line-height: 1.3;
    color: #ffffff;
    text-transform: uppercase;

}
    .right-cnt h2 {
    font-size: 20px;
    }


    .guide-heading {
    position: relative;
    margin-top: 31px;
    padding-bottom: 10px;
  }

  .mb-version  {
    text-align: center!important;
  }
  .content-matter {
    padding:5px!important;
  }

  .typewriter h1 {
    padding-bottom: 20px!important;
    font-size: 26px!important;
    padding-top: 29px!important;
}

.left-side{
    border-right: 8px solid #0096d6;
    height: auto!important;
    padding-bottom: 50px;
    background-position: initial!important;
    }

.content-matter img {
      width: 90%!important;
  }

  .typewriter h1 {
    font-weight: bold;
    padding-bottom: 35px;
    font-size: 18px!important;
    padding-top: 50px;
    overflow: hidden;
    white-space: unset!important;
    margin: 0 auto;
    animation:  unset!important;
    text-align: center;
}

.mb-wrap {
  padding:0;
}

.wrap-title h2 {
    margin-top: 26px!important;
    color: #0096d6;
    font-size: 22px!important;

}
.wrap-title {
    padding: 23px 0 0 18px!important;
    }
.wrap-title p {
    color: #ffffff;
    font-size: 15px!important;

  }

  .digit {
    margin: auto!important;
    padding-top: 5px!important;
    text-align: center;
    width: 50px;
    background: #fff;
    height: 50px;
    border-radius: 100%;
    font-size: 20px;
    font-weight: 700;
    border: 1px solid #d6d6d6;
    margin-bottom: 14px!important;
  }

  .box-wide  {
    margin: auto!important;
    margin-bottom: 18px!important;
  }

  .bg-adv {
    height:auto!important;
  }

/*============================================media query end======================================*/




.drop:hover {
     background-color: #0096d6;
     transition: 0.3s;
      color:#fff!important; 
    
}

.drop {
    transition: 0.3s;
     padding: 6px 11px;
}

.active  {
  background-color: #0096d6;
}



.wrap-printer h2 {
    font-size: 16px;
}



}



/*end*/


@media (max-width: 1366px){
   .frame  {

    margin-top: -36%;
    color: #fff;
}
}

/*==========================================================================================*/
/*new-page-printer-setup-css start here */
.pb-3 {
  padding-bottom:30px;
}

.pt-5 {
  padding-top:80px;
}

.left-side{
    border-right: 8px solid #0096d6;
    height: 709px;
   /*background: #c7d9d5;*/
   background-image:url(../images/setup/key.jpg);
   background-size: cover;
   background-position: center;

}

.right-side{
   background:#0096d6;
   height: 700px;

}

.right-side img{
    width: 100%;
    height: 700px;
    mix-blend-mode: multiply;

}

.p-0 {
  padding: 0px!important;
}

.content-matter h1 {

  line-height: 1;
  font-size:40px;  
}

.content-matter  {

      padding: 40px;
}

.mt-5 {
      margin-top: 50px;
}

.download_bnt {
    border-radius: 40px;
    font-size: 17px;
    background: #0096d6;
    padding: 10px 50px;
    color: #fff;
    transition: 0.3s;
   border:1px solid #0096d6;
}

.download_bnt:hover {
     border-radius: 40px;
    font-size: 17px;
    background: #0389c2;  
    color: #fff;
    transition: 0.3s;
    border:1px solid #0096d6;
}


.down-contact {
  background-color: transparent!important;
  border:2px solid #0096d6!important;
  color: #0096d6;
  transition: 0.3s;
}

.down-contact:hover {
   background: #0389c2!important;
  border:2px solid #0096d6!important;
  color: #ffffff;
  transition: 0.3s;
}


.content-matter p {
    font-size: 19px;
    font-weight: 300;
    color: #535353;

}

@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}
.pulse {
  animation-name: pulse;
  animation-duration: 1s;
}

.animated {
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}


/*=========================media query start here=============================*/

@media all and (max-width: 680px) {
  .wrap {
   width: 100%;
  }
  .box {
    width: 100%;
  height: 55px;
    clear: both;
    margin: 0px auto;
  }
  .text {
   margin-top: 20px; 
  }
  .hingebox, .flipbox {
     display: none; 
  }

  .right-side img {
    width: 100%;
    height: 374px;
    mix-blend-mode: multiply;

  }

   .right-side{
    height: 374px;
    

}
}

/*===================================end===============================================*/

.wrap-con  {
  background-color: #000;
}


.typewriter h1 {
  font-weight: bold;
    padding-bottom: 35px;
    font-size: 17px;
    padding-top: 50px;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 auto;
    animation: typing 3.5s steps(100, end), blink-caret .75s step-end infinite;
    text-align: center;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}
/*end*/

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff!important;
    font-weight: 300;
}

.navbar-default .navbar-nav > li > a:hover {
  
   color: #000!important;
   font-weight:700;

 }

.carousel-indicators {
  display: none;
}




.content-matter img {
      width: 50%;
  }

.wrap-title  h2 {
   color: #0096d6;
    font-size: 36px;

  }

.wrap-title  {

    padding: 55px 0 0 46px;

  }



  .wrap-title p {
    color: #ffffff;
    font-size: 20px;
    text-transform: capitalize;
  }


  .essential-bg {
   
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/setup/essential.jpg);
    height: 200px;
    background-position: center;
  }

  .mt-5 {
    margin-top: 80px;
  }

  .br-order  {
        border-right: 8px solid #0096d6;
  }

  .wrap-content  p {

    font-size: 17px;
    color: #000;

  }

  .opening  {
    font-size: 20px;
  }


  .bg-op  {
        padding-bottom: 80px;
    background-color:#ededed;
  }

  .digit {
    padding-top: 11px;
    text-align: center;
    width: 50px;
    background: #fff;
    height: 50px;
    border-radius: 100%;
    font-size: 20px;
    font-weight: 700;
    border: 1px solid #d6d6d6;
  }

  .wrap-bg {
    border: 1px solid #d6d6d6;
    background: #fff;
    padding: 11px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }


  .box-space  {
    margin-top:50px;
  }

  .box-wide  {
   width: 55%;
    border: 6px solid #f9f9f9;
  }


  .printer-bg {
    padding-bottom: 50px;
    height: auto;
    background-image: url(../images/setup/printer-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;

  }


  .wrap_ul  {
    font-size: 16px;
    margin-top:30px;
    color: #ffffff;
  }

  .print {

    height: 200px;
    background-image: url(../images/setup/paper.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .bg-adv {

    height: 700px;
    background-image: url(../images/setup/background.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .my_ul {
    color: #000000; 
    font-size: 16px;
  }

  .mt-4 {
    margin-top: 40px;
  }