/*******************************************
********************************************
RESPONSIVE STYLES */
@media only screen and (min-width:768px) {
	.mob {
		display: none
	}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
	.head-small {
		font-size: 14px;
	}
	.phone-num {
		font-size: 17px;
		margin-left: 9px;
	}
	.enumenu_ul {
		margin: 0 auto;
		width: 738px;
	}
	.enumenu_ul > li {
		margin-right: 22px;
	}
	.enumenu_ul.desk > li.third-navli {
		margin-right: 0;
	}
	.enumenu_ul.desk > li:last-child {
		float: right;
	}
	.enumenu_ul.desk > li.second-navli {
		margin-right: 267px;
	}
	.enumenu_ul li a {
		font-size: 17px;
	}
}

@media only screen and (max-width:1023px) {
	.wrapper900, .help-section .wrapper900, .main {
		padding: 0 15px;
		max-width: 100%
	}
	.home .logo {
		margin-left: -100px;
		top: 26px;
	}
	.logo {
		top: 14px;
	}
	.home .logo img, .logo img {
		max-width: 200px !important;
	}
	.home .enumenu_ul.desk li > a.menubelow:after {
		bottom: -47px;
	}
	.enumenu_ul.desk li > a.menubelow:after {
		border-width: 14px;
		margin-left: -14px;
		bottom: -32px
	}
	h2 {
		font-size: 30px;
	}
	.except-block-right h3, h3, .help-desc h3 a {
		font-size: 22px;
	}
	.help-desc {
		padding-left: 15px;
		padding-right: 15px;
		margin-top: -69px;
		min-height: 350px;
		padding-top: 83px
	}
	.except-block-right a.gen-btn {
		padding: 16px 23px;
	}
	.footer-logo {
		float: none;
		text-align: center;
	}
	.contact-info-owner {
		float: none;
		margin-left: 0;
		padding-top: 20px;
	}
	.powered-logo {
		float: none;
		padding-top: 27px;
		text-align: center;
	}
	.site-footer {
		padding: 36px 0 32px;
	}
	.icon-eye-overlay {
		height: 110px;
		padding-top: 10px;
		width: 110px;
	}
	.icon-eye {
		height: 90px;
		width: 90px;
	}
	.schedule-appointment .icon-eye {
		background-size: 40px auto;
	}
	.resurfacing .icon-eye {
		background-position: 12px center;
		background-size: 72px auto;
	}
	.artificial-eye .icon-eye {
		background-position: center 18px;
		background-size: 68px auto;
	}
	ul.bxslider li::before {
		background-position: -110px bottom;
	}
	.page-desc-txt a.gen-btn.btnlikefooter {
		display: table;
		margin: 10px auto;
		position: relative;
		top: 0;
	}
}
@media only screen and (max-width:900px) {
	.except-block-right p {
		margin-bottom: 30px;
	}
	.except-block-right h3 {
		margin-bottom: 15px;
	}
	.except-block-right-desc {
		padding: 32px 0 54px;
	}
	.page-description {
		font-size: 20px;
		padding: 23px 0;
	}
	.home .page-desc-txt {
		padding-bottom: 3px;
		padding-top: 0;
	}
	.except-block-left-desc {
		width: auto;
	}
	.play-icon-bg {
		height: 110px;
		padding-top: 15px;
		width: 110px;
	}
	.play-icon {
		background-position: 36px center;
		background-size: 20px auto;
		height: 80px;
		width: 80px;
	}
	.wrapper635 {
		margin: 0 auto;
		max-width: 490px;
	}
	.artificial-slider-content {
		padding-top: 0;
	}
	div.banner-display {
  	background-attachment: scroll;
  	background-repeat: no-repeat;
  	background-position: right center;
	}
}
@media only screen and (max-width:767px) {  /* Tablet View */

	/* iOS Clicking Fix */
	body {
		cursor: pointer;
	}
	
	#header {
  	height: 170px;
	}
	
	.color-overlay > .cell + .cell,
	#inner-title-overlay > .cell + .cell,
	#inner-title > .cell + .cell {
  	display: none;
	}
	div.banner-display:after,
	div.banner-section-inner:after {
	  background: rgba(51, 42, 43, 0.6);
  }
	
	#text-area > .cell,
	#inner-title > .cell {
  	text-align: center;
	}
	
	#text-area .banner-text {
  	text-align: center;
	}
	
	#text-area .banner-text h1:after,
	.inner .banner-text h1:after {
  	margin: 0 auto;
  	left:0px;
  	right: 0px;
	}
	
	#inner-title .banner-text {
  	width: 100% !important;
  	max-width: 100% !important;
  	padding: 0px 15px;
  	text-align: center;
	}
	
	#inner-title > .cell:first-child {
  	width: auto !important;
	}
	
	.help-wayblock .icon-eye-bl {
  	background: #fff none repeat scroll 0 0;
	}
	
	.help-wayblock .icon-eye-overlay {
    background: #afa177 none repeat scroll 0 0;
  }
  
  .help-wayblock.artificial-eye .icon-eye {
    background-image: url("/images/layout/hand-sculptured-artificial-eyes-hover.png");
  }
  .help-wayblock .icon-eye {
      background-color: #afa177;
  }
  .help-wayblock.resurfacing .icon-eye {
    background-image: url("/images/layout/resurfacing-polishing-hover.png");
  }
	
	.home .main-navigation, .main-navigation {
		padding-top: 27px;
	}
	.home .nav-logo {
		height: 85px;
	}
	.home .logo, .logo {
		left: 15px !important;
		margin-left: 0 !important;
		top: 15px !important;
	}
	.enumenu_ul {
		display: none;
		background: #efe8e7;
		left: 0;
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 101;
	}
	.menu-block {
		height: auto;
	}
	.menu-icon {
		display: block
	}
	.subnav, .top-address {
		float: none;
		text-align: center;
	}
	.top-address {
		padding-top: 11px;
	}
	.subnav {
		position: relative;
		top: -9px;
	}
	.services-detail a.pba-detail {
		border-bottom: 2px solid #d3d9da;
	}
	.enumenu_ul li {
		border-top: 1px solid #363636;
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		position: relative;
	}
	.enumenu_ul > li a:hover, .enumenu_ul > li.active > a {
		color: #94655b;
	}
	.enumenu_ul > li a { s
		text-align: center;
		padding: 8px;
		line-height: 30px;
		display: block;
	}
	.enumenu_ul {
		width: 100%;
	}
	.enumenu_ul > li ul a {
		font-size: 16px;
		text-align: center;
	}
	.enumenu_ul .arrow.up {
		background-image: url(../images/layout/minus.png)
	}
	.bx-wrapper .bx-controls-direction a {
		background-size: auto 56px;
		height: 56px;
		margin-top: -28px;
		width: 34px;
	}
	.bx-wrapper .bx-next {
		right: 10px;
	}
	.bx-wrapper .bx-prev {
		left: 10px;
	}
	.help-wayblock {
		float: none;
		margin-bottom: 20px;
		margin-right: 0;
		width: 100%;
	}
	.help-desc {
		min-height: inherit;
		padding: 83px 15px 31px;
	}
	.help-desc br {
		display: none;
	}
	.what-to-except .dis-table-cell, .what-to-except .dis-table {
		display: block;
	}
	.what-to-except .dis-table-cell, .what-to-except .dis-table-cell.except-block-right {
		width: 100%;
	}
	.except-block-left-desc {
		min-height: inherit;
		padding: 49px 0 48px;
		max-width: 401px;
	}
	.except-block-right-desc {
		padding: 48px 0 54px;
	}
	.except-block-left-title {
		font-size: 40px;
	}
	.content-left {
		float: none;
		width: 100% !important;
	}
	aside {
		float: none;
		margin: 30px auto;
		width: 290px;
	}
	.banner-section-inner .dis-table-cell {
		padding-bottom: 0;
		vertical-align: middle;
	}
	#content-main .banner-section-inner {
		height: 260px !important;
	}
	.wrapper635 {
		margin: 0 auto;
		padding: 0 50px;
		max-width: 100%
	}
	#section-content .cell {
  	padding: 15px 20px !important;
  	display: block !important;
  	width: 100% !important;
	}
	#section-content .maps .cell {
  	padding-left: 0px !important;
  	padding-right: 0px !important; 
	}
	.work-with-all br {
  	display: none;
	}
	
	.head-small {
  	height: auto !important;
	}
	
}

@media only screen and (max-width:639px) {
  .logo a {
  	display: block;
    margin-top: -7px;
	}

	.breadcrumb {
  	display: none;
	}
	
	#header {
  	height: 175px;
	}
	#section-content {
  	margin-top: 22px;
	}
	.top-address {
		padding-top: 11px;
	}
	.home .logo, .logo {
		left: 10px;
	}
	.home .nav-logo, .nav-logo {
		height: 77px;
	}
	.home .main-navigation, .main-navigation {
		padding-top: 23px;
	}
	.menu-icon {
		font-size: 18px;
	}
	.home .logo img, .logo img {
		max-width: 170px;
	}
	.head-small .hyphen {
		padding: 0;
	}
	.wrapper900, .help-section .wrapper900, .main {
		padding: 0 10px;
	}
	i.placemark-pin {
		background-size: 13px auto;
		width: 14px;
	}
	h1 {
		font-size: 34px;
	}
	.banner-text h1 span {
		font-size: 24px;
	}
	ul.bxslider li {
		height: 400px;
	}
	.banner-text {
		max-width: 100%;
		padding: 0 52px;
	}
	.banner-text h1::after {
		margin-left: -63px;
		width: 126px;
	}
	.banner-text p {
		font-size: 17px;
		padding-bottom: 27px;
	}
	ul.bxslider li::before {
		background-position: -90px bottom;
		background-size: cover;
		width: 380px;
	}
	.help-section a.gen-btn, a.gen-btn {
		font-size: 19px;
		line-height: 20px;
		padding: 11px 30px;
	}
	h2 {
		font-size: 24px;
	}
	h4 {
		font-size: 18px;
	}
	.help-section .wrapper900 p {
		font-size: 17px;
	}
	br {
		display: none
	}
	.banner-text br {
		display: block;
	}
	.blocked {
		display: block;
	}
	.artificial-slider-img {
		float: none;
		text-align: center;
		width: 100%;
	}
	.bx-wrapper img {
		display: block;
		margin: 0 auto;
		max-width: 140px;
	}
	.artificial-slider-content {
		float: none;
		padding-top: 20px;
		text-align: center;
		width: 100%;
	}
	.artificial-eye-title {
		font-size: 32px;
	}
	.artificial-slider {
		padding: 34px 0 48px;
	}
	.phone-email a {
  	color: #7C7C7C;
	}
	.owner-statement {
  	color: #7C7C7C;
	}
	
	.hide {
  	display: none;
	}
	.fig-contain figure {
  	display: block;
  	width: 100%;
	}
	
	.fig-contain figure img {
  	margin: 0 auto;
	}
	
	.hs-footer {
  	padding-right: 25px;
	}
}

@media only screen and (max-width:550px) {
  .faqs-page #section-content > .cell {
    padding: 0 !important;
  }
}

@media only screen and (max-width:479px) {
	#header {
  	height: 210px;
	}
	.footer-hyphen {
		color: #60595a;
		display: block;
		height: 0;
		padding: 0;
		text-indent: -9999px;
	}
	.testimonial-bx {
		background-position: center center;
		height: 166px;
	}
	.testimonial-bx-inner {
		height: 386px;
	}
	.except-block-right a.gen-btn {
		display: table;
		margin: 0 auto;
	}
	.except-block-right .help-linktxt {
		padding-left: 0;
		padding-right: 0;
		width: auto;
	}
	.except-block-right .help-linktxt {
		padding-top: 20px;
	}
	.except-block-right .help-linktxt span {
		height: 12px;
		right: 0;
		top: 0;
		width: 11px;
		position: relative;
		display: inline-block
	}
	.except-block-right .help-linktxt:hover span {
		right: 0;
	}
	.except-block-right-desc br {
		display: none;
	}
	.banner-text {
		max-width: 230px;
		padding: 0;
	}
	aside {
		float: none;
		margin: 30px auto;
		width: 100%;
	}
	.head-small a.phone-num {
		margin-left: 0;
		top: -3px;
		display: table;
		margin: 0 auto;
	}
	.head-small {
		font-size: 14px;
	}
}
@media only screen and (max-width:440px) {
  #banner-home,
  .banner-section,
  div.banner-display {
    height: 446px !important;
  }
  
  .banner-text {
    padding-bottom: 43px;
  }
  
  #faqs-list .cell p.question {
    padding-right: 0px !important;
    padding-left: 40px;
    position: relative;
  }
  .faqs-page #faqs-list .cell p.question {
    padding-right: 50px !important;
  }
  #faqs-list .cell p.question::before {
    position: absolute;
    left: -8px;
  }
  #faqs-list div.answer {
    padding: 0 0 28px 38px;
  }
  #faqs-list div.answer::before {
    left: -6px;
    opacity: 0.29;
    top: 0;
    font-size: 46px;
  }
  
  .hs-header .work-title {
    font-size: 19px;
    line-height: 22px;
    text-align: center;
  }
  
  .hs-header .work-title span {
    font-size: 22px;
  }
}

@media only screen and (max-width:360px) {
  .page-desc-txt a {
    display: block;
    padding-top: 11px;
  }
}

@media only screen and (max-width:320px) {
  .menu-icon {
    font-size: 0px;
  }
  .menu-icon .menu-box {
    margin-right: 23px;
  }
}