@media only screen and (max-width: 450px){
	.desktop-header{
		display: none;
		}
	.mobile-header{
		display: block;
	}
	.header img.logo{
		width: 100px;
		height: 40px;
	}
	a.epson-explore {
	    font-size: 13px;
	}
	.des-banner-image img {
      width: 95%;
    }
}
@media only screen and (max-width: 768px){
	/* sachin css */
	/* .six-product-slider{
		display: none !important;
	} */
	.extra-div-for-slider{
		height: 85px;
	}
	.prevButton, .nextButton{
		height: 65px;
		padding: 0 0;
	}
	.second-scroll .tab-pane img{
		max-width: 70%;
	}
	.tab-inner-content{
		padding: 8px 0 0 0;
	}
	.tab-content{
		padding: 40px 15px 0px 15px;
	}
	.desc-content h3{
		padding-top: 1rem!important;
	}
	.mob-elem .cell-image img{
		width: 40% !important;
	}
	.desc-content h3{
		font-size: 20px;
	}
	.desc-content h4{
		font-size: 17px;
	}
	.right-footer-image{
		padding: 30px !important;
	}
	.final-footer-content p{
		line-height: 19px;
		padding-top: 20px;
	}
	.footer-row{
		padding: 20px;
	}
	.desc-content{
		padding: 20px 20px 0px 20px ;
	}
	.mob-pad{
		padding: 0;
	}
	.second-scroll{
		padding: 0 !important;
	}

	/* sachin css */

	.header{
		text-align: left;
	}
	.mobile-image{
		text-align: center;
	}

	.desk-elem{
		/* display: none; */
	}
	.mob-elem{
		display: block;
		text-align: center;
	}
	.second-scroll .second-scroll-final-text{
		    font-size: 20px;
		    text-align: center;
		    /*font-weight: 700;*/
	}
	.second-scroll .second-scroll-final-text span{
		    padding: 5px 36px;
	}
	.second-scroll {
		padding: 20px 13px;
	}
	.second-scroll p{
		padding-top: 10px;
		margin-bottom: 0px;
		/*font-weight: 645;*/
		font-size: 16px;
	}
	.second-scroll h2 {
    font-size: 22px;
    text-align: center;
	}

	#layer1
	{
		position: relative;
		right: 0;
		margin-top: 0;
	}

	#layer1 table.formTbl {
		width: 100%;
	}

	#layer2
	{
		position: relative;
		margin-top: 0 !important;
		right: 0;
	}

	#menu-icon {
		display: block;
	    position: absolute;
	    right: 20px;
	    top: 22px;
	}
	#menu-icon span{
		font-size: 14px;
	    color: #000;
	    font-family: 'HelveticaNeue-CondensedObl', Arial;
	    letter-spacing: 1px;
	    background-color: #fff;
	    padding: 5px 10px;
	    border-radius: 5px;
	}
	.header img.logo{
		width: 100px;
		height: 40px;
	}
}
@media screen and (max-width: 767px) {
	.header{
		text-align: left;
	}
	.mobile-image{
		text-align: center;
	}

	.desk-elem{
		display: block;
	}
	.mob-elem{
		display: block;
	}
	.second-scroll .second-scroll-final-text{
		font-size: 16px;
		line-height: 22px;
		text-align: center;
		/*font-weight: 700;*/
	}
	.second-scroll .second-scroll-final-text span{
		padding: 10px 20px;
		    width: 100%;
		    display: block;
		    margin-bottom: 20px;
	}
	.second-scroll .second-scroll-final-text{
		/* margin-top: 30px; */
	}
	.second-scroll {
		padding: 20px 13px;
	}
	.second-scroll p{
		padding-top: 0px;
		margin-bottom: 0px;
		/*font-weight: 645;*/
		font-size: 13px;
	}
	.second-scroll h2 {
		font-size: 22px;
		text-align: center;
	}

	#layer1
	{
		position: relative;
		right: 0;
		margin-top: 0;
	}

	#layer1 table.formTbl {
		width: 100%;
	}

	#layer2
	{
		position: relative;
		margin-top: 0 !important;
		right: 0;
	}
	#menu-icon {
		display: block;
	    position: absolute;
	    right: 20px;
	    top: 22px;
	}
	.header img.logo{
		width: 100px;
		height: 40px;
	}
}
@media only screen and (max-width: 731px){
	.second-content{
		padding: 0;
		text-align: center;
	}
	.first-content{
		padding: 0;
		text-align: center;
		padding-top: 10px;
	}
	#menu-icon {
		display: block;
	    position: absolute;
	    right: 20px;
	    top: 22px;
	}
	.header img.logo{
		width: 100px;
		height: 40px;
	}
}
@media only screen and (max-width: 823px){
	#layer1
	{
		position: relative;
		right: 0;
		margin-top: 0;
	}
	#layer1 table.formTbl {
		width: 100%;
	}

	#layer2
	{
		position: relative;
		margin-top: 0 !important;
		right: 0;
	}
	#menu-icon {
		display: block;
	    position: absolute;
	    right: 20px;
	    top: 22px;
	}
	.header img.logo{
		width: 100px;
		height: 35px;
	}
}
@media only screen and (max-width: 812px){
	#layer1
	{
		position: relative;
		right: 0;
		margin-top: 0;
	}	
	#layer1 table.formTbl {
		width: 100%;
	}

	#layer2
	{
		position: relative;
		margin-top: 0 !important;
		right: 0;
	}
	#menu-icon {
		display: block;
	    position: absolute;
	    right: 20px;
	    top: 22px;
	}
	.header img.logo{
		width: 100px;
		height: 40px;
	}
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.three-x-image img{
		width: 100% !important;
	}
	.tab-content{
		padding: 50px 15px 0px 15px;
	}
	.des-banner-image img {
      width: 75%;
    }
  }
  @media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
	  .three-x-image-first{
		width: 100% !important;
	  }
	.footer-content .three-x-image img{
		width: 150px !important;
	}
	.tab-content img{
		width: 100% !important;
	}
	.nav-item h6{
		font-size: 10px;
	}
	.nav-item.active:after{
		right: 40px;
		top: 160px;
	}
	.tab-pane img{
		width: 100% !important;
	}
  }
  /* tab css starts here */
  @media only screen and (max-width: 768px){
	.cell-image img{
		max-width: 50%;
	}
	.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
		background-color: #006ca4 !important;
	}
	.nav-item.active:after{
		display: none;
	}
	.nav-justified .nav-item{
		padding: 0px !important;
	}
	  .explore-range-tabs{
		  display: flex;
		  flex-flow: row nowrap;
		  justify-content: flex-start;
	  }
	.nav-tabs a.nav-item {
		flex: 1 1 50%;
		max-width: 50%;
	}
	.xs-hidden{
		display: none;
	}
  }
  @media screen and (min-width: 768px){
	  .sm-hidden{
		  display: none;
	  }
  }
  @media screen and (min-width: 1024px){
	  .lg-hidden{
		  display: none;
	  }
  }
  @media screen and (max-width: 768px){
	.final-product-text{
		font-size: 11px;
		line-height: 1.5;
		padding: 1px;
		font-weight: 700;
		display: block;
	}
  }
  @media only screen and (max-width: 823px){
	.header{
		text-align: left !important;
	}
	#menu-icon {
		display: block;
		position: absolute;
		right: 27px;
		color: #fff;
		top: 22px;
	}
	#menu-icon span{
		font-size: 14px;
    color: #000;
    font-family: 'HelveticaNeue-CondensedObl', Arial;
    letter-spacing: 1px;
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
	}
  }
  @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape){ 
	.three-x-image img{
		width: 100% !important;
	}
}
@media screen and (min-width: 319px) and (max-width: 345px) {
    a.epson-explore {
        font-size: 12px;
    }
}
  /* tab css ends here */