/* reset css
-------------------------------------------------------------------------------*/
*{
	box-sizing: border-box;
}
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
main, article, aside, figure, footer, header, nav, section, details, summary {display: block;}
html,body{
	margin: 0;
	padding: 0;
}
img,
object,
embed {max-width: 100%;}

body{
	font-family: 'Raleway', sans-serif;
	line-height: 1.4;

	font-size: 18px;
}
/* let's clear some floats */
.clearfix:after { content: " "; display: block; clear: both; }

.container { width: 100%; max-width: 1170px; margin: auto;}
/* Header css
-------------------------------------------------------------------------------*/
.header-conntainer { overflow: hidden;}
header { display: block; padding: 40px 0px;}
header .logo { float: left;}
header nav {float: right;}
header nav ul{margin:0px; padding: 0px;}
header nav ul li{ list-style: none; float: left; margin: 55px 65px 0px 0px;}
header nav ul li:last-child { margin-right: 0px;}
header nav ul li a{ float: left; font-family: 'Raleway', sans-serif; font-size: 21px; color: #000; text-decoration: none;}
header nav ul li a:hover {color:#13afd3;}
.active{color:#13afd3;}
header .repair-box { display: block; padding-top: 45px;}
header .repair-box .repair-left{ width: 76%; float: left;}
header .repair-box .repair-left input{ border-bottom:#333092 solid 1px; font-family: 'Raleway', sans-serif;  border-right: 0px; border-left: 0px; border-top: 0px; padding: 12px 15px; font-size:21px; line-height: 1.4; width: 100%;}
header .repair-box .repair-right { width: 24%; float: left;}
header .repair-box .repair-left .select{ border-bottom:#333092 solid 1px;}


/* Banner css
-------------------------------------------------------------------------------*/
.banner { width: 100%;  padding-left: 65px;}
.banner-sky-blue { width: 100%; background-color: #13afd3; position: relative; height: 177px;}
.banner-sky-blue img { display: inline-block;}
.banner-sky-blue:after { height: 177px; width: 100%; position: absolute; content: ""; background-color:#13afd3; right: 0px; top: 0px; left:100%;} 
.banner-sky-blue .banner-text {float: right; font-family: 'Raleway', sans-serif; font-size: 21px; font-weight: 700; text-align: center; margin-top: 87px; margin-right: 65px; color: #fff; margin-bottom: 0px;}
.arrow-blue { width: 20px; margin-bottom:-15px; display: inline-block;}
.arrow-blue img { display: block; vertical-align: top;}

.banner .phone-text{ font-weight: 800; display: inline-block; font-size: 114px; color: #333092; margin-left: -5px; line-height: 100px}
.phone-img {display: inline-block; position: relative; z-index: 1; margin-top: -30px; top: -10px; margin-left: 77px;}
.banner .banner-text-2 {float: right; color: #000; font-family: 'Arvo', serif; font-size: 27px; font-weight: 700; text-align: center; margin-top: 10px; margin-right: 34px; margin-bottom: 0px;}
.padding-bottom-65 {padding-bottom: 65px;}
.arrow-img { width: 45px; height: 43px; bottom: 0px; top: -22px; position: absolute; left:50%; margin-left: -22px;}
.relative {position: relative;}


/* gray section css
-------------------------------------------------------------------------------*/
.graybg { background-color: #F4F4F4;  position: relative;  }
.graybg h2 { font-weight: 800; text-align: center; font-family: 'Raleway', sans-serif; display: inline-block; width: 100%; font-size: 36px; color: #333092; margin: 45px 0px; }
.mini-container { width: 715px; margin:auto;   }
.containt { font-size:27px; color: #000; font-family: 'Arvo', serif;  margin-top: 20px; margin-bottom: 45px;}
.card-block {text-align: center; display: block;  }
.prod-img{ height: 190px; width: 218px;}
.img-block { position: absolute;  bottom: -16px; left: -50px;}

.containt h3 { margin-bottom: 15px; font-size: 24px; font-family: 'Arvo', serif; color: #000;}
.containt p { font-size: 14px; color:#000; font-family: 'Raleway', sans-serif; line-height: 20px; height: 125px; overflow: auto}
.containt p span { font-size: 17px;}
.containt a { font-size: 18px; color:#13afd3; line-height: normal; text-decoration: none; font-family: 'Arvo', serif; margin-bottom: 75px; display: block;}
.containt a span {font-family: 'Arvo', serif;  font-size: 16px; display: block; color: #333092; font-weight: bold;}
.mt-minus { margin-top: -11px;}
.images-container { position: absolute; top: 0px; left: 0px; right: 0px;}
.images-container .iphone-heading-block{ position: absolute; top:-26px; width: 490px; left: 50%; margin-left:-245px;}
.images-container .iphone-heading-block .settingicon{ margin-right:30px; float: left; }
.numpers-block{ width: 50px; height: 50px; margin-right: 23px; color:#fff; float: left; background: #13afd3; padding: 15px; font-family: 'Arvo', serif; font-size: 25px; line-height: 25px; text-align: center; border-radius: 100px; }
.number-text { float: left; font-family: 'Raleway', sans-serif; font-weight: 300;}
.number-text span { color:#fff;}
.call-box { position: absolute; bottom: 135px; width: 450px; height: 88px; background-color: #13afd3; right: 0px;}
.call-box-radius { position: absolute;  width: 107px; height:107px; background-color: #333092; left: -50px; padding: 23px; border-radius: 50%; top: -11px;}
.call-box span {  line-height: 88px; font-size: 26px; color: #fff; margin-left: 70px;  font-family: 'Arvo', serif; }


/* favorite gadget section css
-------------------------------------------------------------------------------*/
.gadget-block { text-align: center; }
.gadget-block h2 { font-weight: 300; font-size: 30px;  color: #333092; margin: 45px 0;}
.gadget-block .hr { max-width: 205px; margin: 8px auto 4px; height: 1px; background-color:#13afd3; border:none;}
.gadget-block h2 strong { display: block; font-weight: 800; font-family: 'Raleway', sans-serif; font-size: 30px;}
.gadget-block h2 strong:after { position: absolute; content: "";  left:50%; width: 205px; margin: 2px auto 4px -102px; height: 1px; background-color:#13afd3; border:none;}
.iphone-img { height: 105px;}


/* footer section css
-------------------------------------------------------------------------------*/
footer { padding: 35px 0px; background-color: #F4F4F4; text-align: center;}
footer h3 {font-size: 14px; font-weight: bold; color: #333092;}
footer strong { font-size: 34px; font-family: 'Arvo', serif;}
footer span { font-size: 14px; color: #000;}
footer .mini-container .img-block { top: -47px; right: 0px; left:auto;}


.flex-container  {
	-ms-box-orient: horizontal;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;

}
.flex-box {-webkit-align-self: flex-end; align-self: flex-end; }
.flex{ display: flex;}
/* row and colum css
-------------------------------------------------------------------------------*/
.row {
	margin-right: -15px;
	margin-left: -15px;
}
.row:before,
.row:after { display: table;
	content: " "; clear: both;
}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-lg-12 {	
	width: 100%;
}
.col-lg-11 {
	width: 91.66666667%;
}
.col-lg-10 {
	width: 83.33333333%;
}
.col-lg-9 {
	width: 75%;
}
.col-lg-8 {
	width: 66.66666667%;
}
.col-lg-7 {
	width: 58.33333333%;
}
.col-lg-6 {
	width: 50%;
}
.col-lg-5 {
	width: 41.66666667%;
}
.col-lg-4 {
	width: 33.33333333%;
}
.col-lg-3 {
	width: 25%;
}
.col-lg-2 {
	width: 16.66666667%;
}
.col-lg-1 {
	width: 8.33333333%;
}





/* Button css
-------------------------------------------------------------------------------*/
.repair-button { padding-left:50px;}
.btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
.btn-default {
	color: #fff;
	background-color: #13afd3;
	border-color: #13afd3;
	font-size: 21px;
	line-height:normal;
	text-decoration: none;
	border-radius: 50px;
	width: 100%;
	font-family: 'Arvo', serif;
}
.btn-default:hover {
	color: #fff;
	background-color: #333092;
	border-color: #333092;
}

.btn-white {
	color: #13afd3;
	background-color: #fff;
	border-color: #fff;
	font-size: 21px;
	line-height:normal;
	text-decoration: none;
	border-radius: 50px;
	width: 100%;
	font-family: 'Arvo', serif;
}
.btn-white:hover {
	color:#13afd3;
	background-color: #e7e7e7;
	border-color: #e7e7e7;
}

.btn-large {padding: 11px 0px;}




/* select option css
-------------------------------------------------------------------------------*/
.select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px;
}

.select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	font-size: 16px;
	color: #fff;
	width: 100%;
	height: 50px;
}

.select-styled {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	font-size: 21px;
	left: 0;
	padding: 14px 15px;
	color: #CCCCCC;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.select-styled:after {
	content: "V";
	width: 0;
	height: 0;
	color: #CCCCCC;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	position: absolute;
	top: 20px;
	font-size: 15px;
	right: 25px;
}



.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	max-height: 265px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;

}
.select-options li {
	margin: 0;
	padding: 7px 0;
	color: #CCCCCC;
	background-color: #fff;
	text-indent: 15px;
	border-top: 1px solid #333092;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}
.select-options li:hover {
	color: #000;
	background: #ebebeb;
}
.select-options li[rel="hide"] {
	display: none;
}
.padding-left-0 { padding-left: 0px;}
.fr{ float: right;}



/* inner pages */
.inner-banner-text {padding:30px 65px; font-weight: 800; font-family: 'Raleway', sans-serif; font-size: 24px; color: #fff; }
.inner-banner-text span{ display: block; font-family: 'Arvo', serif; font-size: 27px; color: #000;}
.contact-text {color: #333092; text-align: center; font-size: 24px; font-weight: 300;}
.contact-text span { color: #000; font-size: 14px; font-family: 'Arvo', serif;  display: block; width: 45%; margin: auto auto 25px; border-top: #13AFD3 solid 1px; margin-top: 5px; padding-top: 5px;}
.map { height: 450px; width: 100%; border:none;}
.none:after { display: none;}
.inner-banner:after {  height: 290px; margin-top: -51px; margin-left: -292px; width: 100%; position: absolute; content: ""; background: url(../images/phone.png) no-repeat; right: 0px; top: 0px; left:100%;} 
.repair-banner:after { z-index: 8;  height: 290px; margin-top: -51px; margin-left: -292px; width: 100%; position: absolute; content: ""; background: url(../images/phone2.png) no-repeat; right: 0px; top: 0px; left:100%;} 
.banner-box { height: auto;}
.top{top: 33px; margin-top: -70px;}
.heading h2 { font-weight: 800; display: inline-block; font-size: 72px; color: #333092; margin-left: -5px; line-height: 80px}
.inner-container { width: 100%;  margin:55px auto auto;}
.banner-box:after { height: 100%;}
.phone-name { font-weight: 300px; font-size: 14px; font-family: 'Raleway', sans-serif; margin-bottom: 5px; }
.discount {font-size: 18px; font-family: 'Arvo', serif; color: #333092; text-decoration: line-through;  margin-bottom:5px;}
.price { font-size: 27px; font-family: 'Arvo', serif;  color: #000; margin-bottom:5px;}
.discription { font-size: 14px; color:#000; font-family: 'Raleway', sans-serif; margin-bottom: 5px; }
.inner-banner::before {  height: 130px; margin-top: 0; left: auto; width: 100%; position: absolute; content: ""; background:#13afd3; right: 100%; top: 0px;} 
.repair-banner::before {  height: 100%; margin-top: 0; left: auto; width: 100%; position: absolute; content: ""; background:#13afd3; right: 100%; top: 0px;} 
.emai-subscripe-block { padding:30px; width: 100%; display: block; text-align: center;  }
.emai-subscripe-block .emai-subscripe-text { margin-right: 0px; display: inline-block;  line-height: normal; text-align: right; float: none; font-size: 30px; color: #fff; font-family: 'Raleway', sans-serif; font-weight: 300;}
.emai-subscripe-block .email-icon { float: right; position: relative; top:0px; margin-right: 45px;}
.emai-subscripe-block .email-box { width: 759px; float: left; margin-top: 7px; height: 52px;}
.email-box-input input { outline: none; height: 52px; border-bottom:#2c4ca1 solid 1px; width: 100%; padding:5px;  font-family: 'Raleway', sans-serif;  font-size: 21px; color:#000; border-top: 0px; border-left: 0px; border-right: 0px; }
.email-box-input textarea { outline: none; height: 110px; border-bottom:#2c4ca1 solid 1px; width: 100%; padding:5px;  font-family: 'Raleway', sans-serif;  font-size: 21px; color:#000;  border-top: 0px; border-left: 0px; border-right: 0px; }
.emai-subscripe-block .email-icon img { display: block;}
.email-box-input { width: 100%; float: left;}
.btn-submit { width: 30%; float: left; padding-left: 25px; padding-top: 59px;}
.phone-setting { margin-left: 247px;}
.popup-close { position: absolute; top: 0px; right: 10px; text-decoration: none; font-size: 23px;}
.emailbanner { height: auto !important;}
.emailbanner::before {  height: 100%; margin-top: 0; left: auto; width: 100%; position: absolute; content: ""; background:#13afd3; right: 100%; top: 0px;} 
.email-box-input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000;
	opacity: 1;
}
.email-box-input input::-moz-placeholder { /* Firefox 19+ */
	color: #000;
	opacity: 1;
}
.email-box-input input:-ms-input-placeholder { /* IE 10+ */
	color: #000;
	opacity: 1;
}
.email-box-input input:-moz-placeholder { /* Firefox 18- */
	color: #000;
	opacity: 1;
}
.email-box-input textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #000;
	opacity: 1;
}
.email-box-input textarea::-moz-placeholder { /* Firefox 19+ */
	color: #000;
	opacity: 1;
}
.email-box-input textarea:-ms-input-placeholder { /* IE 10+ */
	color: #000;
	opacity: 1;
}
.email-box-input textarea:-moz-placeholder { /* Firefox 18- */
	color: #000;
	opacity: 1;
}
.alert-success {
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}
.alert {
	position: relative;
	padding: .75rem 1.25rem;
	margin-bottom: 1rem;
	border: 1px solid transparent;
	border-radius: .25rem;
}

.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}

.popup {
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 30%;
	position: relative;
	transition: all 5s ease-in-out;
}

.popup h2 {
	margin-top: 0;
	color: #333;
	font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.popup .close:hover {
	color: #06D85F;
}
.popup .content {
	max-height: 30%;
	overflow: auto;
}


.popup-wrap {
	width:100%;
	height:100%;
	display:none;
	position:fixed;
	z-index: 9999999;
	top:0px;
	left:0px;
	bottom: 0px;
	right:0px;
	content:'';
	background:rgba(0,0,0,0.85);
}

.popup-box {
	width:400px;
	padding:26px;
	transform:translate(-50%, -50%) scale(0.5);
	position:absolute;
	top:50%;
	left:50%;
	box-shadow:0px 2px 16px rgba(0,0,0,0.5);
	border-radius:3px;
	background:#fff;
	text-align:center;
}
.transform-in, .transform-out {
	display:block;
	-webkit-transition:all ease 0.5s;
	transition:all ease 0.5s;
}

.transform-in {
	-webkit-transform:translate(-50%, -50%) scale(1);
	transform:translate(-50%, -50%) scale(1);
}

.transform-out {
	-webkit-transform:translate(-50%, -50%) scale(0.5);
	transform:translate(-50%, -50%) scale(0.5);
}



.accordion-container { width: 935px; margin:auto;   }
.close .close-text { display: none;}
.open .close-text{ display: inline-block; color: #fff;}
.open .view-text { display: none;}
.close .view-text { display: inline-block; color: #13afd3;}
.accordionItemHeading  { padding-top: 10px; padding-bottom: 7px;}
.static {position: static;}
.accordionItemContent h2 { color: #fff; font-size: 24px; font-weight: bold; font-family: 'Raleway', sans-serif; margin: 15px 0px 25px; text-align: left;}
.accordionItemContent p{color: #000; font-family: 'Raleway', sans-serif; font-size: 14px; height: auto; margin-bottom: 15px; text-align: left;}
.close .accordionItemContent{
	height:0px;
	transition:height 1s ease-out;
	-webkit-transform: scaleY(0);
	-o-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	float:left;
	display:block;


}
.open .accordionItemContent{
	padding: 0px;
	background-color: #13AFD3;
	position: absolute;
	left: 0px; right: 0px;

	width: 100%;
	margin: 0px 0px 10px 0px;
	display:block;
	z-index: 5;
	-webkit-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transform-origin: top;
	-o-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;

	box-sizing: border-box;
}

.open .accordionItemHeading{
	margin:0px;
	background-color:#13AFD3;
	
}
.text-dec-none {
	text-decoration: none;
}
.text-dec-none:hover{
	text-decoration: underline;
}


.get-quote { padding:15px 56px; font-size: 30px;}


.static:nth-child(3n+1) { clear:left;}

@media only screen and (max-width: 1250px) {
	.get-quote {
		font-size: 30px;
		padding: 16px 96px;
	}

	.emai-subscripe-block .emai-subscripe-text { margin-right: 55px;}
	.emai-subscripe-block .email-box { width: 559px;}
	.repair-banner::after {margin-left: -242px;}
	.phone-setting {
		margin-left: 77px;
	}
	.inner-banner-text{ padding: 20px 65px;}
	.repair-banner::before {
		height: 112px;
	}
	.emai-subscripe-block {
		height: 112px;
		padding: 20px;
	}
	.emai-subscripe-block .email-icon img{ width: 100%;}
	.emai-subscripe-block .emai-subscripe-text {
		margin-right: 45px;
		margin-top: 0px;
		font-size: 24px;
	}
	.inner-banner::before{ height: 112px;}
	.inner-banner-text{padding: 20px 291px 20px 65px;}
}







@media only screen and (max-width: 1250px) {
	.container { width: 950px;  margin: auto;}
	.banner .phone-text {font-size: 94px;}
	.phone-img{margin-top: -38px;}
	.banner .banner-text-2{ font-size: 24px;}
	.banner-sky-blue .banner-text{margin-right: 45px;}
	.call-box {height: 58px; width: 270px; bottom: 85px;}
	.call-box-radius { height: 75px; width: 75px; top: -9px;}
	.call-box span{ line-height: 57px; font-size: 23px; margin-left: 47px;}
	.banner .banner-text-2{ margin-right: 0px;}
	.banner-sky-blue .banner-text {
		margin-right: 12px;
	}
	.emai-subscripe-block .emai-subscripe-text { margin-right: 55px;}
	.emai-subscripe-block .email-box { width: 559px;}
}

@media only screen and (max-width: 1023px) {
	#getQuote .banner-sky-blue { height: auto;}
	.emai-subscripe-block .email-icon { top: -3px;}
	.repair-banner::after { width: 50%; margin-left: -292px; background-size: 100%;}
	.inner-banner-text{ height: auto; }
	.inner-banner::before{ height: 100%;}
	.btn-submit { padding-left: 0px; padding-top: 57px;}
	.emai-subscripe-block .email-box {
		width: 56%;
	}
	.inner-banner-text {
		padding: 20px 265px 20px 0;
	}
	.banner-box {height: auto;}
	.banner-box:before { background-color: #13afd3;
		content: "";
		height: 100%;
		left: -100%;
		position: absolute;
		width: 100%;
		z-index: 999;}
		.repair-banner::before {
			height: 163px;
		}
		.top{margin-left: 20px;}
		.inner-banner::after{	 margin-left: -262px;
			margin-top: -11px; width: 325px; background-size: 100%;}
			.accordion-container { width: 90%;}

		}


		@media only screen and (max-width:1023px) {
			.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
				float: left;
			}
			.col-sm-12 {
				width: 100%;
			}
			.col-sm-11 {
				width: 91.66666667%;
			}
			.col-sm-10 {
				width: 83.33333333%;
			}
			.col-sm-9 {
				width: 75%;
			}
			.col-sm-8 {
				width: 66.66666667%;
			}
			.col-sm-7 {
				width: 58.33333333%;
			}
			.col-sm-6 {
				width: 50%;
			}
			.col-sm-5 {
				width: 41.66666667%;
			}
			.col-sm-4 {
				width: 33.33333333%;
			}
			.col-sm-3 {
				width: 25%;
			}
			.col-sm-2 {
				width: 16.66666667%;
			}
			.col-sm-1 {
				width: 8.33333333%;
			}
		}




		@media only screen and (max-width: 1023px) {
			.container { width: 90%;  margin: auto;}
			.banner{padding-left: 0px;}
			.banner-sky-blue .banner-text{ font-size: 18px; margin-top: 74px;}
			.banner-sky-blue,.banner-sky-blue::after { height: 150px;}
			.banner-sky-blue img { width: 311px;}
			.banner .phone-text {
				font-size: 73px; line-height: 72px;
			}
			.phone-setting{ margin-top: -15px !important; width: 45px !important;}
			.phone-img {
				margin-top: -57px;
			}
			.arrow-blue { margin-bottom: -12px;}
			.banner .banner-text-2 {
				font-size: 20px;
			}
			.flex-container-tablets {display: inherit;}
			.top { width: 62px;   top: 3px;}
			.heading h2{ font-size: 52px; line-height: 60px;}
			.banner-sky-blue {
				height: 210px;
			}
			.banner-sky-blue::after{ height: 100%;}
			.repair-banner::before {
				height: 100%;
			}


		}
		@media only screen and (max-width: 767px) {
			.popup-box { width: 90%;}
			.email-box-input textarea,.email-box-input input { font-size: 17px;}
			.flex-container-mobile {display: inherit;}
			.numpers-block{ font-size: 24px; height: 44px; line-height: 17px; width: 44px;}
			.mini-container{ width: 90%;}
			.images-container .iphone-heading-block{ width: 410px; margin-left: -205px;}
			footer strong{ font-size: 24px;}
			.call-box{ width: 180px; height: 38px; bottom: 35px;}
			.banner-sky-blue::after{ height: 100%;}
			.banner-sky-blue{ height: auto;}
			header{text-align: center; padding: 20px 0;}
			header nav{float: none; display: inline-block;}
			header nav ul li a{font-size: 17px;}
			header nav ul li {
				float: left;
				margin: 15px 35px 0 0;
			}
			.repair-button {
				padding-left: 0;
			}
			header .logo{float: none;}
			.call-box span {
				font-size: 18px;
				line-height: 36px;
				margin-left: 32px;
			}
			.call-box-radius {
				height: 55px;
				top: -9px;
				padding: 11px;
				left:-29px;
				width: 55px;
			}
			.col-xs-12 {
				width: 100%;
			}
			.col-xs-11 {
				width: 91.66666667%;
			}
			.col-xs-10 {
				width: 83.33333333%;
			}
			.col-xs-9 {
				width: 75%;
			}
			.col-xs-8 {
				width: 66.66666667%;
			}
			.col-xs-7 {
				width: 58.33333333%;
			}
			.col-xs-6 {
				width: 50%;
			}
			.col-xs-5 {
				width: 41.66666667%;
			}
			.col-xs-4 {
				width: 33.33333333%;
			}
			.col-xs-3 {
				width: 25%;
			}
			.col-xs-2 {
				width: 16.66666667%;
			}
			.col-xs-1 {
				width: 8.33333333%;
			}
			.repair-banner::after{ margin-top: -5px; width: 295px; margin-left:-252px; }
			.emai-subscripe-block .email-box {
				width: 55%;
			}
			.emai-subscripe-block .email-icon{margin-right: 10px;}
			.emai-subscripe-block .emai-subscripe-text {
				margin-right: 33px;
			}

		}

		@media only screen and (max-width: 700px) {
			.none::after {
				display: block;
			}
			.emai-subscripe-block .emai-subscripe-text { margin-right: 0px; margin-top: 0px;}
			.popup-box { width: 90%;}
			
			#getQuote .get-quote {
				padding: 14px 22px; font-size: 16px;
			}
			.get-quote {
				padding: 14px 22px !important; font-size: 16px;
			}
			#getQuote .emai-subscripe-block { height: auto;}
			#get-quote .get-quote { padding: 16px 25px;}
			.emai-subscripe-block .email-icon {
				margin-right: 0;
			}
			.emai-subscripe-block .emai-subscripe-text { margin-right: 0px;}
			.repair-banner::after { margin-left:-249px; width: 265px;}
			.inner-banner-text{ padding-right: 0px; padding-top: 180px ;}
			.inner-banner::after {
				background-size: 100% auto;
				margin-left: -262px;
				margin-top: 0;
				width: 325px;
				z-index: 8;
			}
			.inner-banner::before{ background:none;}
			.inner-banner-text{ font-size: 20px;}
			.inner-banner-text span{ font-size: 18px;}
			.inner-container {
				margin: 15px auto auto;
			}

			.top {
				float: right;
				right: 10px;
				top: 18px;
				margin-top: -44px;
				width: 46px !important;
			}
			.heading h2 {
				font-size: 32px;
				line-height: 42px;
			}
			.phone-setting{top: 2px}
			.emai-subscripe-block{ height: auto;}
			.emai-subscripe-block .email-box {
				width: 100%;
			}
			header .repair-box .repair-left { width: 69%;}
			header .repair-box .repair-right{ width: 31%;}
			.select { text-align: left;}
			.btn-default { font-size: 18px;}
			header .repair-box{margin-top: 10px; padding-top: 0px;}
			.select { height: 45px;}
			.banner-sky-blue img {
				width: 221px;
			}
			.banner-sky-blue .banner-text{ float: none;}
			.banner-sky-blue{text-align: center;}

			.banner-box::before {
				background-color: #13afd3;
				content: "";
				height: 100%;
				left: -100%;
				position: absolute;
				width: 100%;
				z-index: 999;
			}
			.banner-sky-blue, .banner-sky-blue::after {
				height: 100%;
				padding-top: 0;
			}
			.banner-sky-blue .banner-text{ font-size: 18px;padding-top: 15px;}
			.banner .phone-text {
				font-size: 33px;
				line-height: 38px;
			}
			.phone-img{margin-left: 0px; margin-top: 0px;}
			.banner .phone-text{margin-left: 0px;}
			.banner-sky-blue .banner-text{margin-left: 0px; margin-right: 0px; margin-top: 0px;}
			.banner-sky-blue img {
				width: 221px;
			}
			.phone-img{float: right; width: 36px; margin-top: -24px; margin-right: 5px;}
			.graybg h2{ font-size: 24px;}
			.padding-bottom-65{padding-bottom: 45px;}
			.containt { font-size: 22px;  margin-bottom: 25px;
				margin-top: 10px; }
				.numpers-block{margin-right: 5px;}
				.images-container .iphone-heading-block .settingicon{margin-right: 7px;}
				.images-container .iphone-heading-block{ width: 310px; margin-left: -155px;}
				.number-text { font-size: 16px;}
				.containt p{height: auto; margin-bottom: 15px;}
				.container{ padding:0px 15px; width: 100%;}
				.containt a{ margin-bottom:45px;}
				.banner-sky-blue { padding-top: 0px;}
				.emai-subscripe-block .emai-subscripe-text {
					margin-right: 0px;
				}

				.email-box-input {
					float: left;
					width: 100%;
				}
				.btn-submit {
					float: left;
					width: 33%;
				}
				.btn-large {
					font-size: 18px;
					padding: 10px 0;
				}
				.email-box-input input { height: 43px; outline: none;}
//				.email-box-input input:focus { border:none; outline: none;}
.contact-banner .inner-banner-text{ padding-top: 20px;}
.contact-text{ font-size: 18px;}
.chat-icon{margin-top: -4px;}
.map{ height: 230px;}
.accordionItemContent h2 { font-size: 18px;} 
.accordionItemContent p { font-size: 12px;}
.emai-subscripe-block {
	padding: 20px 10px;
}
}	











@media only screen and (min-width: 1400px) {
	.inner-banner::after,.repair-banner::after { margin-left: -202px;}

}