/* -------------------------------- 
Primary style
-------------------------------- */

 @media only screen and (max-width:1320px) {
 header {
width:100%; /*height:116px;*/
background-color:#3f3f3f;
}
 header:before {
position: absolute;
background: #1c1c1c; /*height: 116px;*/
width: 25%;
content: " ";
}
 .wrapper {
width:100%;
margin:0 auto;
}
	/* .logo-box {background: #1c1c1c; width: 25.5%; float: left; text-align: right;	margin-left: 75px;}*/
	 .con-number {
float: right;
width: 36%;
margin-right: 25px;
padding-top: 5px;
}
 .con-number ul li {
font-size: 16px;
}
 .opening {
float: left;
padding: 0px 0 0 31%;
width: 61%;
}
 .con-number a {
color:#ffcc29;
font-size:22px;
}
 .slider .wrapper {
width:98%;
margin:0 auto;
}
 .banner-content {
width:100%;
}
 .navigation {
width: 47.048925%;
}
 nav ul li {
display:inline-block;
padding:54px 0px 26px 0;
}
 nav#nav-main {
margin-top: 5px;
}
 nav ul li a {
color:#FFF;
font-family:'open_sansbold';
text-transform:capitalize;
font-size:16px;
padding:0;
}
 .navigation nav ul li a {
padding:0 15px;
}
 .banner-bg h2 {
font-size: 72px;
padding: 10px 0 0 8px;
}
 .first {
width: 32%;
float: left;
position: relative;
padding:12px 0px 19px 0px;
}
 .second {
width: 32%;
float: left;
position: relative;
padding: 12px 0px;
margin-left:0px;
}
 .third {
width: 32%;
float: left;
position: relative;
padding: 12px 0px;
margin-left:0px;
}
 .button1 {
width: 70%;
font-size:20px;
margin:0 auto;
}
 .button2 {
width: 70%;
font-size:20px;
}
 .banner-bg .fix-cont h2 {
font-size: 60px;
padding: 20px 0 12px 8px;
}
 .fix-cont .third {
width: 34%;
float: left;
padding: 25px 1px 5px 1px;
margin-left: 0px;
}
 .fix-cont .second {
width: 34%;
margin-left: 150px;
}
 .fix-cont .img2 {
margin: 0 0 0 170px;
}
 .fix-cont .img3 {
margin: 0 0 0 170px;
}
 .banner-ab h2 {
font-size: 72px;
padding: 10px 0 0 11px;
word-spacing: -12px;
}
 .banner-ab p {
font-size: 14px;
padding: 9px 10px 12px 10px;
line-height: 22px;
}
 .banner-image {
padding: 15px 0px 0 5px;
width: 96%;
margin: 0 auto;
}
 .social-icon {
padding-right:15px;
}
 banner .home-bg {
display:none;
background-size: cover;
position:relative;
height:auto;
width:100%;
}
		/*.banner{background:url(../images/banner-bg3.png) no-repeat; height:817px; position:relative; background-size:cover;}*/
		.service ul li, .service ul li:nth-child(3), .service ul li:nth-child(7), .service ul li:nth-child(8), .service ul li:nth-child(9) {
margin:31px 1% 4px;
width:31%;
}
 .service p {
padding:20px 10px 8px;
}
 .red-content {
margin: 0 auto;
width: 98%;
}
 footer .footer-content {
margin: 0 auto;
width: 98%;
text-align:center;
}
 footer .footer-content .footer-map {
margin: 42px 2% 0 0;
width:47%;
float:left;
}
 footer .footer-map > iframe.google-map {
width:100%;
}
 footer .footer-content .footer-nav {
margin: 42px 0 0 2%;
width: 500px;
float:right;
}
 .section-6 .left {
width:98%;
margin:0 auto;
}
 .section-6 ul .testimonial li, .section-6 ul .testimonial li:first-child {
margin: 0 60px;
}
}
 @media only screen and (max-width:1304px) {
 .red-content ul, .red-content ul:nth-child(3), .red-content ul:nth-child(4), .red-content ul:nth-child(5), .red-content ul:nth-child(6) {
margin: 0 1%;
width:14.1%;
}
 .red-content ul:last-child, .red-content ul:nth-child(2) {
margin:0 1% 0 0;
width:16%;
}
 .mainheaderright { /*width:65%;*/
width:70%;
}
 nav#nav-main a {
font-size: 15px;
}
 .opening {
width: 58%;
}
}
 @media only screen and (max-width:1280px) {
 header {
width:100%; /*height:116px;*/
background-color:#3f3f3f;
}
 .wrapper {
width:100%;
margin:0 auto;
}
.mainheaderright {
width:71%;
}
header::before {
width: 26.951%;
}
	 

	 /* .opening ul li{font-size:20px;}*/
	 .con-number {
float: right;
width: 33%;
margin-right: 25px;
}
	 /*.con-number ul li{font-size:20px;}*/

	 .con-number a {
color:#ffcc29;
font-size:22px;
padding-left: 20px;
}
 .navigation {
width: 48.048925%;
}
 nav ul li {
display:inline-block;
padding:54px 0px 26px 10px;
}
	/*  nav ul li a{ color:#FFF; font-family:'open_sansbold'; text-transform:uppercase; font-size:18px;}*/
	  .navigation nav ul li a {
padding:0 15px;
}
 .banner-bg h2 {
font-size: 72px;
padding: 20px 0 0 8px;
}
 .banner-bg .fix-cont h2 {
font-size: 60px;
padding: 20px 0 12px 8px;
}
 .fix-cont .third {
width: 34%;
float: left;
padding: 25px 1px 5px 1px;
margin-left: 0px;
}
 .fix-cont .second {
width: 34%;
margin-left: 150px;
}
 .fix-cont .img2 {
margin: 0 0 0 140px;
}
 .fix-cont .img3 {
margin: 0 0 0 140px;
}
 .first {
width: 32%;
float: left;
position: relative;
padding:12px 0px 19px 0px;
}
 .second {
width: 32%;
float: left;
position: relative;
padding: 12px 0px;
margin-left:0px;
}
 .third {
width: 32%;
float: left;
position: relative;
padding: 12px 0px;
margin-left:0px;
}
 .button1 {
width: 70%;
font-size:20px;
margin:0 auto;
}
 .button2 {
width: 70%;
font-size:20px;
}
 .banner-ab h2 {
font-size: 60px;
padding: 10px 0 0 11px;
word-spacing: -12px;
}
 .banner-ab p {
font-size: 14px;
padding: 9px 10px 5px 10px;
line-height: 26px;
}
 .banner-image {
padding: 15px 0px 0 5px;
width: 96%;
margin: 0 auto;
}
 .plans-to {
margin: 30px 0 0 0;
}
 .banner-contact h2 {
font-size: 65px;
padding-left: 11px;
padding-top: 15px;
word-spacing: -32px;
}
 .map-image {
width:98%;
margin:15px auto 0;
}
 .contacts-info {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 37px;
width: 94%;
margin:0 auto;
}
 .left-info {
display: inline-block;
width: 55%;;
}
 .right-info {
display: inline-block;
padding-left: 40px;
width: 43%;
vertical-align:top;
}
 .first-name {
float: left;
margin-bottom: 19px;
padding-right: 0px;
width: 100%;
}
 .last-name {
float: none;
margin-bottom: 19px;
width: 100%;
}
 .banner-content-left ul li, .banner-content-left ul li:nth-child(4) {
font-size:20px;
line-height:35px;
}
 .banner-content-left {
width:60%;
}
 .request-form {
width:30%;
padding:7px 0 10px 0;
}
 .request-form .heading {
font-size:22px;
line-height:26px;
width: auto;
}
 section.slider ul li img {
height:464px;
}
 .request-form form .contact-form-row, .request-form .btn-submit input {
width:84%;
}
 .request-form form .contact-form-row input[type="text"] {
box-sizing:border-box;
}
 .section-6 ul .testimonial li, .section-6 ul .testimonial li:first-child {
margin: 0 54px;
}
}
 @media only screen and (max-width:1265px) {
 .red-content ul, .red-content ul:nth-child(3), .red-content ul:nth-child(4), .red-content ul:nth-child(5), .red-content ul:nth-child(6) {
margin: 0 1%;
width:14%;
}
 .red-content ul:last-child, .red-content ul:nth-child(2) {
margin:0 1% 0 0;
width:16%;
}
 nav#nav-main span {
 display: inline-block;
 margin: 4px 21px 0;
}
nav ul li a {
font-size:16px;
}
.opening {
padding: 0px 0 0 10%;
}
}
@media only screen and (max-width:1220px) {
 .service ul li .right {
width:77%;
}
}
 @media only screen and (max-width:1172px) {
 .solution .service ul {
margin:0 auto;
width:98%;
}
 .solution .service ul li {
padding-left:0;
}
 .service ul li .right {
width:75%;
}
 .service ul li h3 {
line-height: 22px;
min-height: 42px;
}
 nav {
margin-bottom: 0px;
}
}
 @media only screen and (max-width:1148px) {
 footer .footer-content .footer-map, footer .footer-content .footer-nav {
margin: 42px 0 0 0;
}
 nav#nav-main span {
margin: 4px 15px 0;
}
}
 @media only screen and (max-width:1140px) {
 header {
width:100%; /*height:116px;*/
background-color:#3f3f3f;
}
 header:before {
position: absolute;
background: #1c1c1c; /*height: 116px;*/
width: 32.9510748702%;
content: " ";
}
 .wrapper {
width:100%;
margin:0 auto;
}
 .logo-box {
background: #1c1c1c;
width: 29.5%;
float: left;
text-align: right;
margin-left: 30px;
}
 .con-number {
float: right;
width: 36%;
margin-left: 15px;
}
 .mainheaderright {
width: 64%;
}
 .banner-bg .fix-cont h2 {
font-size: 55px;
padding: 20px 0 12px 8px;
}
 .fix-cont .third {
width: 34%;
float: left;
padding: 25px 1px 5px 1px;
margin-left: 0px;
}
 .fix-cont .second {
width: 34%;
margin-left: 150px;
}
 .fix-cont .img2 {
margin: 0 0 0 140px;
}
 .fix-cont .img3 {
margin: 0 0 0 140px;
}
 .con-number a {
color:#ffcc29;
font-size:20px;
}
 .logo-box p {
margin-bottom: 25px;
margin-left: 0;
margin-right: 32px;
margin-top: 19px;
}
 .navigation {
width: 47.048925%;
}
 nav ul li {
display:inline-block;
padding:54px 0px 26px 0;
}
s nav ul li a {
font-size:14px;
}
nav#nav-main li {
padding:0px;
}
 .navigation nav ul li a {
padding:0 8px;
}
 .banner-bg h2 {
font-size: 65px;
padding: 25px 0 0 8px;
}
 .service-box h3 {
font-size: 30px;
padding: 30px 0 10px 0;
}
 .service-box p {
font-size: 30px;
}
 .banner-ab h2 {
font-size: 60px;
padding: 10px 0 0 11px;
word-spacing: -12px;
}
 .banner-ab p {
font-size: 14px;
padding: 9px 10px 5px 10px;
line-height: 22px;
}
 .banner-image {
padding: 15px 0px 0 5px;
width: 96%;
margin: 0 auto;
}
 .plans-to {
margin: 30px 0 0 0;
}
 .left-info {
display: inline-block;
width: 55%;
}
 .right-info {
display: inline-block;
padding-left: 40px;
width: 43%;
vertical-align:top;
}
 .first-name {
float: left;
margin-bottom: 19px;
padding-right: 0px;
width: 100%;
}
 .last-name {
float: none;
margin-bottom: 19px;
width: 100%;
}
 .subjects textarea {
height:100px;
}
 nav#nav-main span {
 margin: 4px 7px 0;
}
 .opening {
padding:0;
width: 56%;
}
}
 @media only screen and (max-width:1072px) {
 .service ul li .right {
width:73%;
}
}
 @media only screen and (max-width:1060px) {
 .red-content ul, .red-content ul:nth-child(3), .red-content ul:nth-child(4), .red-content ul:nth-child(5), .red-content ul:nth-child(6) {
margin: 0 1%;
width:14%;
}
 .red-content ul:last-child, .red-content ul:nth-child(2) {
margin:0 1% 0 0;
width:15%;
}
 .opening {
padding:0;
width: 52%;
}
 .con-number {
width: 36%;
}
 nav#nav-main a {
font-size: 14px;
}
}
 @media only screen and (max-width:1024px) {
 nav#nav-main a{ font-size: 13px; }
 nav#nav-main span{ margin: 4px 3px 0; }
 .mac_section h2{ font-size: 20px }
 .mac_section ul li{ font-size: 14px; line-height: 18px;padding: 0px 0 9px 28px; background-size: 15px; }
 header {
width:100%; /*height:116px;*/
height:100%;
background-color:#3f3f3f;
position: relative;
}
 header:before {
position: absolute;
background: #1c1c1c;
height: 100%;
width: 32.9510748702%;
content: " ";
}
 .wrapper {
width:100%;
margin:0 auto;
}
 .logo-box {
background: #1c1c1c;
width: 30.5%;
float: left;
text-align: right;
margin-left: 22px;
}
 .con-number {
float: right;
width: 35%;
margin-left: 25px;
}
 .opening ul li {
font-size:16px;
}
/*	  .con-number ul li{ font-size:15px;}*/
	  nav ul li a {
font-size:14px;
}
 .con-number a {
color:#ffcc29;
font-size:20px;
}
 .navigation {
width: 47.048925%;
}
 nav ul li {
display:inline-block;
padding:54px 0px 26px 0;
}
 .navigation nav ul li a {
padding:0 15px;
}
 .banner-bg h2 {
font-size: 60px;
padding: 30px 0 20px 8px;
}
 .img2 {
margin-left:90px;
}
 .banner-bg .fix-cont h2 {
font-size: 55px;
padding: 20px 0 12px 8px;
}
 .fix-cont .third {
width: 34%;
float: left;
padding: 25px 1px 5px 1px;
margin-left: 0px;
}
 .fix-cont .second {
width: 34%;
margin-left: 150px;
}
 .fix-cont .img2 {
margin: 0 0 0 110px;
}
 .fix-cont .img3 {
margin: 0 0 0 110px;
}
 .first {
width: 32%;
float: left;
position: relative;
padding:12px 0px 19px 0px;
}
 .second {
width: 32%;
float: left;
position: relative;
padding: 12px 0px;
margin-left:0px;
}
 .third {
width: 32%;
float: left;
position: relative;
padding: 12px 0px;
margin-left:0px;
}
 .button1 {
width: 85%;
font-size:20px;
margin:0 auto;
}
 .button2 {
width: 85%;
font-size:20px;
}
 .img1 {
margin: 0 0 0 94px;
}
 .banner-ab h2 {
font-size: 58px;
padding: 10px 0 0 11px;
word-spacing: -12px;
}
 .banner-ab p {
font-size: 14px;
padding: 9px 10px 5px 10px;
line-height: 22px;
}
 .banner-image {
padding: 15px 0px 0 5px;
width: 96%;
margin: 0 auto;
}
 .plans-to {
margin: 25px 0 0 0;
}
 .fix-cont {
margin: 10px 0 0 45px;
}
 nav#nav-main li {
 margin-right: 4px;
}
nav#nav-main li {
 margin-right: 6px;
}
.con-number {
 float: right;
    /*margin-left: 25px;*/margin-left: 18px;
 width: 39%;
}
.opening {
 float: left;
 padding:0;
}
 .map-image {
width:98%;
margin:15px auto 0;
}
 .banner-contact h2 {
font-size: 59px;
padding-left: 11px;
padding-top: 15px;
word-spacing: -25px;
}
 .banner-contact p {
font-size: 16px;
line-height: 26px;
width: 90%;
}
 .left-info h3 {
font-size: 24px;
line-height: 22px;
word-spacing: -8px;
}
 .right-info h3 {
font-size: 24px;
}
 .first-name {
float: left;
margin-bottom: 19px;
padding-right: 0px;
width: 100%;
}
 .last-name {
float: none;
margin-bottom: 19px;
width: 100%;
}
 .left-info {
display: inline-block;
width: 55%;
}
 .right-info {
display: inline-block;
padding-left: 40px;
vertical-align: top;
width: 43%;
}
 .subjects textarea {
height:100px;
}
 .first {
width: 32%;
float: left;
position: relative;
padding:12px 0px 19px 0px;
}
 .second {
width: 32%;
float: left;
position: relative;
padding: 12px 0px;
margin-left:0px;
}
 .third {
width: 32%;
float: left;
position: relative;
padding: 12px 0px;
margin-left:0px;
}
 .section-6 ul .testimonial li, .section-6 ul .testimonial li:first-child, .section-6 ul .testimonial li:last-child {
margin: 0 12px;
}
 .banner-content-left ul li {
padding: 0 0 15px 40px;
}
}
 @media only screen and (max-width:994px) {
 .service ul li .right {
width:71%;
}
}
 @media only screen and (max-width:992px) {
 header {
width:100%;/* height:100px;*/
background-color:#3f3f3f;
}
 header:before {
position: absolute;
background: #1c1c1c;/* height: 100px;*/
width: 30.9510748702%;
content: " ";
}
 .logo-box {
background:none;
width: 30.5%;
float: left;
text-align: right;
margin-left: 7px;
padding: 40px 13px 0px 0px;
}
 .con-number a {
color:#ffcc29;
font-size:18px;
}
 .opening ul li {
padding-bottom:0;
}
 .opening ul li:first-child {
padding-bottom:2px;
}
 .con-number ul li:last-child a {
font-size:20px;
}
 .con-number ul li:last-child {
padding-top:5px;
}
 .navigation nav ul li a {
padding:0 4px;
}
/*	.opening ul li{ font-size:14px;}
*/
	 .logo-box p {
float: right;
margin: 18px 16px 6px 0px;
}
 .service-box p {
font-size: 30px;
padding: 21px 0 28px 0;
text-align: center;
}
 .first {
width: 32%;
float: left;
position: relative;
padding:12px 0px 30px 0px;
}
 .second {
width: 32%;
float: left;
position: relative;
padding: 12px 0px;
margin-left:0px;
}
 .third {
width: 32%;
float: left;
position: relative;
padding: 12px 0px;
margin-left:0px;
}
 .button1 {
width: 85%;
font-size:17px;
margin:0 auto;
}
 .button2 {
width: 85%;
font-size:17px;
}
 .img1 {
margin: 0 0 0 70px;
}
 .banner {
height:817px;
width:100%;
background-size:cover;
background-position: -349px center;
}
 .banner-bg .fix-cont h2 {
font-size: 45px;
padding: 20px 0 12px 8px;
}
 .banner-ab h2 {
font-size: 55px;
padding: 10px 0 0 11px;
word-spacing: -12px;
}
 .banner-ab p {
font-size: 14px;
padding: 9px 10px 5px 10px;
line-height: 22px;
}
 .banner-image {
padding: 15px 0px 0 5px;
width: 96%;
margin: 0 auto;
}
 nav ul li a {
 font-size: 13px;
}
.opening {
 float: left;
   /* padding: 0 0 0 7%;*/ padding: 0;
}
 .map-image {
width:96%;
margin:15px auto 0;
}
 .banner-contact h2 {
font-size: 50px;
padding-top:8px;
}
 .left-info {
display: inline-block;
width: 50%;
}
 .right-info {
display: inline-block;
padding-left: 20px;
width: 49%;
vertical-align:top;
}
 .first-name {
float: left;
margin-bottom: 19px;
padding-right: 0px;
width: 100%;
}
 .last-name {
float: none;
margin-bottom: 19px;
width: 100%;
}
 .contacts-detail {
float: left;
margin-bottom: 35px;
margin-top: 3px;
width: 100%;
}
 .contacts-detail ul {
background-color: #3f3f3f;
height: 70px;
width: 94%;
}
 .contacts-detail ul li em {
font-size: 12px;
}
 .subjects textarea {
height:100px;
}
 .fix-cont .img2 {
margin: 0 0 0 60px;
}
 section.slider ul li img {
height:388px;
}
 .banner-content-left ul li, .banner-content-left ul li:nth-child(4) {
font-size: 18px;
line-height: 31px;
}
 footer .footer-content .footer-nav {
margin: 42px 0 0 0;
width:48%;
}
 .section-6 ul .testimonial li, .section-6 ul .testimonial li:first-child, .section-6 ul .testimonial li:last-child {
margin: 0 24px;
}
 nav#nav-main a {
font-size: 13px;
}
}
 @media only screen and (max-width:925px) {
 .service ul li, .service ul li:nth-child(3), .service ul li:nth-child(7), .service ul li:nth-child(8), .service ul li:nth-child(9) {
width:48%;
}
 .service ul li .right {
width:80%;
}
 .service ul li h3 {
min-height: 18px;
}
 .red-content ul li a {
font-size:14px;
}
 nav#nav-main span {
margin: 4px 5px 0;
}
 .con-number {
width: 41%;
}
 .opening {
width: 50%;
}
 .mainheaderright {
width: 65%;
}
}
@media only screen and (max-width:900px) {
 nav#nav-mobile {/*margin-top: 128px;*/
z-index:100
}
 nav#nav-mobile li {
padding:0px !important;
}
 nav#nav-mobile li a {
text-align:left;
}
.opening {
float: left;
padding: 0;
}
nav#nav-mobile span {
display:none;
}
nav#nav-mobile a {
padding: 8px 16px;
}
#nav-trigger {
margin: 2px 0;
}
}
@media only screen and (max-width:896px) {
.banner-content-left ul li, .banner-content-left ul li:nth-child(4) {
line-height:27px;
font-size: 17px;
}
 .service ul li .right {
width:78%;
}
}
 @media only screen and (max-width:870px) {
.red-content ul:last-child, .red-content ul:nth-child(2), .red-content ul, .red-content ul:nth-child(3), .red-content ul:nth-child(4), .red-content ul:nth-child(5), .red-content ul:nth-child(6) {
width:30%;
margin:1%;
}
.opening {
float: left;
padding: 0 0 0 0%;
}
.con-number ul li {
font-size: 14px;
}
.opening ul li {
font-size: 15px;
}
}
 @media only screen and (max-width:800px) {
 header:before {
position: absolute;
background: #1c1c1c; /*height: 105px;*/
width: 100%;
content: " ";
}
 header {
width: 100%; /*height: 210px;*/
background-color: #3f3f3f;
display:inline-block;
}
 .logo-box {
background: none;
width: 296px;
float: none;
text-align: center;
margin: 0 auto;
display:block;
padding:20px 0;
}
 .logo-box img {
width:100%;
}
 .navigation {
width: 9.048925%;
padding-top: 12px;
}
 .opening {
text-align:right;
width:48%;
}
 .opening ul li {
text-align:right;
}
 .con-number ul li {
}
 nav {
margin-bottom:0px !important;
}
 .con-number {
float: right;
width: 46%;
margin-left: 5px;
}
 .con-number ul li {
font-size: 19px;
}
 .con-number ul li:last-child a {
font-size:24px;
}
 .con-number ul li:last-child {
padding-top:0px;
}
 .opening ul li {
font-size:19px;
}
		
		
		 /*.con-number ul li:last-child a{ font-size:24px;}*/
		 .con-number ul li:last-child {
padding-top:0px;
}
 .fix-cont .second {
width: 100%;
margin-left: 0px;
margin-bottom: 15px;
}
 .fix-cont .third {
width: 100%;
}
 .service-box h3 {
font-size:30px;
}
 .logo-box p {
margin: 7px 16px 8px 0px;
}
 .navigation nav ul li a {
padding: 1px 15px;
}
 nav ul li {
padding: 10px 8px 0px 0;
}
 .banner-bg h2 {
font-size: 50px;
padding: 30px 0 10px 8px;
}
 .service-box p {
font-size:22px;
padding: 12px 0 12px 0;
text-align: center;
height:100%;
}
 .copyright {
text-align: center;
padding: 6px 0 3px 0;
font-size: 12px;
}
 .button1 {
width: 350px;
font-size: 28px;
margin:0 auto;
}
 .button2 {
width: 350px;
font-size: 28px;
}
 .banner {
height: 100%;
}
 .fix-cont {
margin: 10px 6px 50px 12px;
}
 .con-number a {
font-size: 20px;
}
 .img1, .img2, .img3 {
display:none;
}
 .arrow1 {
display:none;
}
 .first {
width: 100%;
float: none;
position: relative;
padding:12px 0px 35px 0px;
}
 .second {
width: 100%;
float: none;
position: relative;
padding:12px 0px 35px 0px;
margin-left:0px;
}
 .third {
width: 100%;
float: none;
position: relative;
padding:6px 0px 35px 0px;
margin-left:0px;
}
 .button1 {
width: 45%;
font-size:18px;
}
 .button2 {
width: 45%;
font-size:18px;
}
 .banner-ab h2 {
font-size: 50px;
padding: 10px 0 0 11px;
word-spacing: -12px;
}
 .banner-ab p {
font-size: 14px;
padding: 9px 10px 5px 10px;
line-height: 22px;
}
 .banner-image {
padding: 15px 0px 0 5px;
width: 96%;
margin: 0 auto;
}
 .banner-contact h2 {
font-size: 40px;
word-spacing: -16px;
}
 .left-info p {
font-size: 12px;
}
 .contacts-detail ul {
background-color: #3f3f3f;
height: 70px;
width: 60%;
}
 .left-info {
display:block;
width: 98%;
clear:both;
}
 .right-info {
display:block;
padding:0 5px 0 5px;
width: 98%;
vertical-align:top;
clear:both;
}
 .contacts-detail ul li em {
font-size: 14px;
}
 .contacts-detail ul li .text {
padding-left:10px;
}
 .contacts-detail {
margin-bottom: 15px;
}
 .banner {
height:760px;
background-position: -349px center;
}
 .social-icon {
float:left;
text-align:center;
width:100%;
}
 .footer-menu {
text-align: center;
width: 100%;
float: left;
padding-bottom:12px;
}
 .service-box h3 {
padding: 25px 0 1px 0;
}
 .logo-box p img {
position: relative;
left: 0px;
width: 90%;
top: 6px;
}
.banner-content {
width: 96%;
}
.banner-content-left {
width:100%;
margin:0;
display:block;
float:none;
}
.banner-content-left ul li, .banner-content-left ul li:nth-child(4) {
line-height:20px;
font-size: 16px;
padding:0 0 15px 39px;
}
.request-form {
margin: 0 auto;
padding: 7px 0 10px;
width: 84%;
float:none;
display:block;
}
header:before {
height: 116px;
}
.mainheaderright {
width: 100%;
}
.logo-box {
min-height: auto;
}
}
@media only screen and (max-width:788px) {
 .service ul li .right {
width:76%;
}
 .red-content .heading, section.services-outer h1, .heading_client, footer .waithead {
font-size:29px;
}
}
 @media only screen and (max-width:714px) {
 .service ul li .right {
width:74%;
}
 .service ul li h3 {
min-height: 42px;
}
.mac_left, .mac_right, .mac_bg .mac_left, .mac_bg .mac_right{ width: 98%; margin: 0 auto; }
}
 @media only screen and (max-width:667px) {
 footer .footer-map > iframe.google-map {
width:100%;
}
/*		 footer .footer-content .footer-nav{ width:100%;}
		 footer .footer-content .footer-nav{ margin-top:20px; width: 100%;}*/
		 .service ul li, .service ul li:nth-child(3), .service ul li:nth-child(7), .service ul li:nth-child(8), .service ul li:nth-child(9) {
width:98%;
min-height:auto;
}
 .service ul li .right {
width: 86%;
}
 .service ul li h3 {
min-height: auto;
}
 .service p {
line-height:25px;
font-size:16px;
}
 .testimonial-container {
display:none;
}
 footer .blu-btn a {
font-size: 23px;
}
}
 @media only screen and (max-width:646px) {
			/*.service ul li span.fixing-teeth9{display:block;}*/
			.service ul li .right {
width: 84%;
}
}
 @media only screen and (max-width:640px) {
 .social-icon ul li:nth-child(1) {
padding-left: 0;
}
 .social-icon {
padding-right:0;
}
 header:before {
position: absolute;
background: #1c1c1c;
height: 105px;
width: 100%;
content: " ";
}
 header {
width: 100%;
height: 210px;
background-color: #3f3f3f;
}
 .navigation {
width: 9.048925%;
padding-top: 12px;
}
/*		  .opening{ text-align:center; width:47%; margin-top: 15px;}*/
		   .con-number {
float: right;
width: 47%;
margin-left: 2px;
padding-top: 0px;
}
 .con-number ul li:last-child a {
font-size:20px;
}
 .logo-box p {
margin: 6px 16px 3px 0px;
}
 .banner-bg .fix-cont h2 {
font-size: 40px;
padding: 20px 0 12px 8px;
}
 .banner-bg h2 {
font-size: 50px;
padding: 10px 0 0 8px;
}
 .service-box p {
font-size:22px;
padding: 12px 0 12px 0;
text-align: center;
height:100%;
}
 .copyright {
text-align: center;
padding: 6px 0 3px 0;
font-size: 12px;
}
 .button1 {
width: 350px;
font-size: 28px;
margin:0 auto;
}
 .button2 {
width: 350px;
font-size: 28px;
}
 .banner {
height:817px;
background-position: -349px center;
}
 .fix-cont {
margin: 10px 0 20px 0px;
}
 .con-number a {
font-size: 20px;
}
 .contacts-detail ul {
background-color: #3f3f3f;
height: 70px;
width: 90%;
}
 .banner-ab h2 {
font-size: 48px;
padding: 10px 0 0 11px;
word-spacing: -12px;
}
 .banner-ab p {
font-size: 14px;
padding: 9px 10px 5px 10px;
line-height: 22px;
}
 .banner-image {
padding: 15px 0px 0 5px;
width: 96%;
margin: 0 auto;
}
 .contacts-detail ul li em {
font-size: 13px;
}
 .service ul li .right {
width: 80%;
}
 footer .footer-content .footer-map {
float:none;
display:block;
margin: 42px auto 20px auto;
width: 90%;
}
 footer .footer-content .footer-nav {
margin: 0 auto;
width:90%;
float:none;
}
 .opening ul li {
font-size: 16px;
}
 .con-number ul li {
font-size: 16px;
}
 .opening {
text-align:center;
width:47%;
margin-top: 0px;
}
 .con-number {
float: right;
width: 47%;
margin-left: 2px;
padding-top: 0px;
}
 .opening ul li {
text-align:right;
font-size:16px;
}
 .con-number ul li {
text-align:right;
font-size:16px;
}
 .con-number ul li:last-child a {
font-size:16px;
}
}
 @media only screen and (max-width:600px) {
 header:before {
position: absolute;
background: #1c1c1c;
height: 103px;
width: 100%;
content: " ";
}
 header {
width: 100%;
height: 210px;
background-color: #3f3f3f;
}
 .opening {
text-align:center;
width:47%;
margin-top: 0px;
}
 .opening ul li {
text-align:right;
}
 .con-number ul li {
text-align:right;
}
 .con-number {
float: left;
width: 48%;
margin-left: 0px;
padding-top: 0px;
margin-right:0
}
 .logo-box p {
margin: 6px 16px 8px 0px;
}
 .navigation nav ul li a {
padding: 1px 15px;
}
 nav ul li {
padding: 10px 8px 0px 0;
}
 .banner-bg h2 {
font-size: 40px;
padding: 10px 0 0 8px;
}
 .service-box p {
font-size:18px;
padding: 12px 0 12px 0;
text-align: center;
height:100%;
}
 .copyright {
text-align: center;
padding: 6px 0 3px 0;
font-size: 12px;
}
 .button1 {
width: 350px;
font-size: 28px;
margin:0 auto;
}
 .button2 {
width: 350px;
font-size: 28px;
}
 .banner {
height:817px;
background-position: -349px center;
}
 .fix-cont {
margin: 10px 0 20px 0px;
}
 .con-number a {
font-size: 20px;
}
 .banner-ab h2 {
font-size: 48px;
padding: 10px 0 0 11px;
word-spacing: -12px;
}
 .banner-ab p {
font-size: 14px;
padding: 9px 10px 5px 10px;
line-height: 22px;
}
 .banner-image {
padding: 15px 0px 0 5px;
width: 96%;
margin: 0 auto;
}
 .plans-to {
margin: 10px 0 0 0;
padding: 0 0 16px 0px;
}
 .plans-to p span {
font-size:15px;
line-height:27px;
width:98%;
}
 .contacts-detail ul {
background-color: #3f3f3f;
height: 70px;
width: 90%;
}
 .banner-contact h2 {
font-size: 25px;
word-spacing: -9px;
}
 .right-info h3 {
font-size: 25px;
}
 .contacts-detail ul li em {
font-size: 12px;
}
 .banner {
height:817px;
background-position: -349px center;
}
 @media only screen and (max-width:567px) {
 header:before {
position: absolute;
background: #1c1c1c;
height: 100px;
width: 100%;
content: " ";
}
 header {
width: 100%;
height: 300px;
background-color: #3f3f3f;
}
 .opening {
text-align:center;
width:100%;
padding-left:0px;
}
 .opening ul li {
text-align:center;
}
 .con-number ul li {
text-align:center;
}
 .con-number {
float: left;
width: 100%;
margin-left: 0px;
text-align:center;
padding-top: 15px;
}
 .logo-box p {
margin: 4px 16px 10px 0px;
}
 .navigation nav ul li a {
padding: 1px 15px;
}
 nav ul li {
padding: 10px 8px 0px 0;
}
 .banner-bg h2 {
font-size: 40px;
padding: 25px 0 10px 8px;
}
 .service-box p {
font-size:18px;
padding: 12px 0 12px 0;
text-align: center;
height:100%;
}
 .copyright {
text-align: center;
padding: 6px 0 3px 0;
font-size: 12px;
}
 .button1 {
width: 350px;
font-size: 28px;
margin:0 auto;
}
 .button2 {
width: 350px;
font-size: 28px;
}
 .banner {
height: 100%;
}
 .fix-cont {
margin: 10px 0 20px 0px;
}
 .con-number a {
font-size: 20px;
}
 .contacts-detail ul {
background-color: #3f3f3f;
height: 70px;
width: 100%;
}
 .contacts-detail ul li em {
font-size: 11px;
}
 .banner {
height: 100%;
width:100%;
background-size:cover;
}
 .banner {
height:817px;
background-position: -449px center;
}
 .logo-box {
padding: 15px 0;
}
.con-number{margin-right: 0px;}
}
 @media only screen and (max-width:480px) {
 header:before {
position: absolute;
background: #1c1c1c;
height: 100px;
width: 100%;
content: " ";
}
 header {
width: 100%;
height: 300px;
background-color: #3f3f3f;
}
 .opening {
text-align:center;
width:100%;
}
 .opening ul li {
text-align:center;
font-size:14px;
}
 .con-number ul li {
text-align:center;
}
 .con-number {
float: left;
width: 100%;
margin-left: 0px;
text-align:center;
padding-top: 15px;
}
 .banner-bg h2 {
font-size: 30px;
padding: 50px 0 5px 8px;
word-spacing: -10px;
}
 .service-box p {
font-size: 14px;
padding: 0px 0 10px 0;
text-align: center;
padding: 20px 0 10px 0;
}
 .copyright {
text-align: center;
padding: 6px 0 3px 0;
font-size: 13px;
}
 .button1 {
width: 250px;
font-size: 20px;
margin:0 auto;
}
 .button2 {
width: 250px;
font-size: 20px;
}
 .banner-ab p {
font-size: 12px;
padding: 9px 10px 5px 10px;
line-height: 22px;
}
 .banner-image {
padding: 15px 0px 0 5px;
width: 96%;
margin: 0 auto;
}
 .plans-to {
margin: 10px 0 0 0;
padding: 0 0 16px 0px;
}
 .plans-to p span {
font-size:15px;
line-height:27px;
width:98%;
}
 .contacts-detail ul li em {
font-size: 10px;
}
 .con-number a {
font-size: 16px;
}
 .banner {
height:760px;
background-position: -500px center;
}
 .footer-menu ul li {
padding: 5px 10px 0px 10px;
}
 .con-number ul li {
font-size: 14px;
}
 .con-number ul li:last-child a {
font-size:18px;
}
 .request-form {
width:100%;
}
 .banner-content {
top:24px;
}
 .banner-content-left ul li, .banner-content-left ul li:nth-child(2), .banner-content-left ul li:nth-child(3), .banner-content-left ul li:nth-child(4) {
background-size:4%;
padding-left: 28px;
font-size:12px;
}
 .service p {
font-size: 14px;
line-height: 22px;
}
 .red-content .heading, section.services-outer h1, .heading_client, footer .waithead {
font-size: 24px;
}
 footer .blu-btn a {
font-size: 20px;
}
}
 @media only screen and (max-width:439px) {
 .service ul li .right {
width: 78%;
}
 .red-content ul:last-child, .red-content ul:nth-child(2), .red-content ul, .red-content ul:nth-child(3), .red-content ul:nth-child(4), .red-content ul:nth-child(5), .red-content ul:nth-child(6) {
width:47%;
margin:1%;
}
}
 @media only screen and (max-width:414px) {
 header:before {
position: absolute;
background: #1c1c1c;
height: 100px;
width: 100%;
content: " ";
}
 header {
width: 100%;
height: 300px;
background-color: #3f3f3f;
}
 .opening {
text-align:center;
width:100%;
}
 .opening ul li {
text-align:center;
}
 .con-number ul li {
text-align:center;
}
 .con-number {
float: left;
width: 100%;
margin-left: 0px;
text-align:center;
padding-top: 15px;
}
 .banner-bg .fix-cont h2 {
font-size: 38px;
padding: 20px 0 12px 8px;
}
 .banner-bg h2 {
font-size: 40px;
padding: 10px 0 0 8px;
}
 .service-box p {
font-size: 18px;
padding: 10px 1px 5px 1px;
text-align: center;
height: 70px;
}
 .copyright {
text-align: center;
padding: 6px 0 3px 0;
font-size: 12px;
}
 .button1 {
width: 250px;
font-size: 20px;
margin:0 auto;
}
 .button2 {
width: 250px;
font-size: 20px;
}
 .banner-ab h2 {
font-size: 25px;
padding: 10px 0 0 11px;
word-spacing: -12px;
}
 .banner-ab p {
font-size: 14px;
padding: 9px 10px 5px 10px;
line-height: 22px;
}
 .banner-image {
padding: 15px 0px 0 5px;
width: 96%;
margin: 0 auto;
}
 .plans-to {
margin: 10px 0 0 0;
padding: 0 0 16px 0px;
}
 .plans-to p span {
font-size:15px;
line-height:27px;
width:98%;
}
 .footer-menu ul li {
padding: 5px 10px 0px 10px;
}
 .service-box h3 {
font-size: 20px;
}
 .service-box p {
font-size: 15px;
padding: 10px 0 5px 10px;
text-align: center;
height: 66px;
}
}
 @media only screen and (max-width:401px) {
 .service ul li .right {
width: 76%;
}
}
 @media only screen and (max-width:380px) {
 header:before {
position: absolute;
background: #1c1c1c;
height: 93px;
width: 100%;
content: " ";
}
 header {
width: 100%;
height: 300px;
background-color: #3f3f3f;
}
 .logo-box {
width:245px;
}
 .opening {
text-align:center;
width:100%;
margin-top:1px;
}
 .opening ul li {
text-align:center;
}
 .con-number ul li {
text-align:center;
}
		  /*.logo-box {background: none; width: 90%; float: left; text-align: right; margin-left: 9px;}*/
		  .con-number {
float: left;
width: 100%;
margin-left: 0px;
text-align:center;
padding-top: 15px;
}
 .logo-box p img {
position: relative;
left: 0px;
width: 100%;
padding-top: 15px;
}
 .banner-bg h2 {
font-size: 30px;
padding: 30px 0 10px 8px;
}
 .banner-bg .fix-cont h2 {
font-size: 29px;
padding: 10px 0 0px 8px;
}
 .service-box p {
font-size: 15px;
padding: 10px 10px 5px 10px;
text-align: center;
height: 70px;
}
 .copyright {
text-align: center;
padding: 6px 0 3px 0;
font-size: 14px;
width: 100%;
}
 .button1 {
width: 250px;
font-size: 20px;
margin:0 auto;
}
 .button2 {
width: 250px;
font-size: 20px;
}
 .banner {
height:690px;
background-position: -500px center;
}
 .fix-cont {
margin: 10px 0 20px 0px;
}
 .con-number a {
font-size: 12px;
}
 .banner-ab h2 {
font-size: 25px;
padding: 10px 0 0 11px;
word-spacing: -12px;
}
 .banner-ab p {
font-size: 12px;
padding: 9px 10px 5px 10px;
line-height: 22px;
}
 .banner-image {
padding: 15px 0px 0 5px;
width: 96%;
margin: 0 auto;
}
 .plans-to {
margin: 10px 0 0 0;
padding: 0 0 16px 0px;
}
 .plans-to p span {
font-size:15px;
line-height:27px;
width:98%;
}
 .banner-contact p {
font-size: 12px;
line-height: 19px;
}
 .service ul li .right {
width: 100%;
display:block;
margin:10px 0;
}
 .service ul li span.fixing-teeth, .service ul li span.fixing-teeth2, .service ul li span.fixing-teeth3, .service ul li span.fixing-teeth4, .service ul li span.fixing-teeth5, .service ul li span.fixing-teeth6, .service ul li span.fixing-teeth7, .service ul li span.fixing-teeth8, .service ul li span.fixing-teeth9 {
display: block;
margin: 0 auto;
width: 60px;
}
}
 @media only screen and (max-width:320px) {
 header:before {
position: absolute;
background: #1c1c1c;
width: 100%;
content: " ";
}
 header {
width: 100%;
height: auto;
background-color: #3f3f3f;
}
 .logo-box {
width: 208px;
}
 .opening {
text-align:center;
width:100%;
}
 .opening ul li {
text-align:center;
}
 .con-number ul li {
text-align:center;
}
		  /*.logo-box {background: none; width: 90%; float: left; text-align: right; margin-left: 9px;}*/
		  .con-number {
float: left;
width: 100%;
margin-left: 0px;
text-align:center;
padding-top: 15px;
}
 .logo-box p img {
position: relative;
left: 0px;
width: 100%;
padding-top: 15px;
}
/*.service ul li .right{    width: 72%;}*/
		  }