@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Lato');
body{


    font-family: 'Raleway', sans-serif;


}
.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	float: left;
}
 .btn-primary{
	transition: .4s;
}
header {
	background: #000;
	padding: 20px 0 0;
	z-index: 999;
}
.postform {
	
}
.pad0 {
	padding: 0
}

.home-coupon{
	text-align: center;
}

.home-coupon img{
display: inline-block;
}

#home-coupon .modal-dialog{
	
}

.home-coupon p{
margin: 0px;
padding: 5px 0px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
position: absolute;
transform: rotate(-21deg);
-webkit-transform: rotate(-21deg);
bottom: 75px;
right: 37px;
animation: blink 1s steps(2, start) infinite alternate;

}

@keyframes blink {
to { color: #FFC811;
     }

}


#panel{
	display: none;
}


.header-top{
margin-bottom: 20px;
}

.top-box{
border-right: 1px solid #808080;
margin-top: 21px;
}

.top-box i{
	float: left;
font-size: 16px;
color: #fff
}

.top-box .top-text{
	margin-left: 23px;
}

.top-box .top-text h4{
color: #ff7b7f;
margin-bottom: 3px;
font-weight: 600;
font-size: 15px;
}

.top-box .top-text p{
color: #d5d5d5;
font-size: 12px;
text-transform: uppercase;
	}

.fix-device{
margin-top: 28px;
}

.fix-device a{
background: #fff;
padding: 10px 12px;
color: #e31e24;
font-weight: 600;
text-decoration: none;
border: 2px solid #fff;
}

.fix-device a:hover{
background: none;
color: #fff;
	}


.navigation{
background: rgb(227, 30, 36);
z-index: 999;
position: relative;
transition: .4s;
margin: 0px;
}

.affix {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%; 
}


.navbar-inverse {
	background:none;
	border:none;
	margin: 0px;   
}
.navbar-inverse .navbar-nav > li > a {
	color: #fff;
	font-size: 16px;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #cfcfcf;
}

.navbar {
    min-height: 40px;
    }

.nav > div > li > a {
    padding: 13px 15px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    color: #fff;
    background: none;
}

.navbar-nav {
    float: none;
    text-align: center;
}

.navbar-nav > li {
    float: none;
    display: inline-block;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.m-slide{
display: none !important;
}

/*.mysilder .carousel-inner li:first-child {

   background-image: url(../images/slider5.jpg);
height: 480px;
background-position:center;
top: 0px;
background-size: cover;
background-attachment: fixed;

} 
*/


.carousel-caption {
  right: 44%;
top: 13%;
left: 12%;
text-align: left;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.62) 17%, rgba(0,0,0,0.28) 71%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 17%,rgba(0,0,0,0.28) 71%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 0%,rgba(0,0,0,0.28) 71%,rgba(0,0,0,0) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 );
bottom: 18%;
padding-left: 36px;

}
.carousel-caption h1 {
	font-size: 3em;
	text-shadow: none;
	margin-bottom: 20px;
color: #fff;
text-shadow: 0 2px 2px #757575;
}


.carousel-caption p{
	font-size: 18px;
	margin-bottom: 25px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
	margin-left: 0px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	margin-right:0px;
}
.carousel-caption a {
	transition: none 0s ease 0s;
text-align: inherit;
line-height: 68px;
border-width: 1px;
margin: 0px;
padding: 0px 50px;
letter-spacing: 2px;
font-weight: 300;
font-size: 14px;
height: 70px;
border: 1px solid #e31e24;
background: #e31e24;
display: inline-block;
position: relative;
z-index: 1;
overflow: hidden;
color: #fff;
}
.carousel-caption a::before {
	content: '';
position: absolute;
top: 0;
left: 0;
width: 150%;
height: 100%;
z-index: -1;
-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -4em, 0);
transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -4em, 0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transition: all 0.35s ease-in-out 0s;
-moz-transition: all 0.35s ease-in-out 0s;
-ms-transition: all 0.35s ease-in-out 0s;
-o-transition: all 0.35s ease-in-out 0s;
transition: all 0.35s ease-in-out 0s;
background:#000; 
}
.carousel-caption a:hover::before {
	opacity: 1;
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
a:hover {
	text-decoration:none; 
}

.carousel-control {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 7%;
	font-size: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	background-color: rgba(0,0,0,0);
	filter: alpha(opacity=50);
	opacity: .5;
}
.sec-2 {
	background:url(../images/pattern3.png) #474747;
	padding: 50px 0 15px 0;
}
.sec-2 h1 	{
	color: #fff;
	margin-bottom: 30px;
	margin-top:0px;
	position: relative; 
}
.sec-2 h1:after {
	height:3px;
	content: "";
	position: absolute;
	background:red;
	left: 0;
	width: 225px;
	bottom: -20px; 

}
.sec-2 p {
	color:#fff;
	line-height: 28px;
	font-size: 16px;
	margin-bottom: 18px;

}
.sec-2 p b {
	color: #fff;

}
.sec-2  a {
	color: #fff;
	border-bottom: 2px solid #fff;
	-webkit-transition: all 0.35s ease-in-out 0s;
-moz-transition: all 0.35s ease-in-out 0s;
-ms-transition: all 0.35s ease-in-out 0s;
-o-transition: all 0.35s ease-in-out 0s;
transition: all 0.35s ease-in-out 0s;
position: relative;
top: 11px;
}
.sec-2  a:hover {
	color: #E31E24;
	border-bottom: 2px solid  #E31E24;
	-webkit-transition: all 0.35s ease-in-out 0s;
-moz-transition: all 0.35s ease-in-out 0s;
-ms-transition: all 0.35s ease-in-out 0s;
-o-transition: all 0.35s ease-in-out 0s;
transition: all 0.35s ease-in-out 0s;
}



.check{
	padding: 100px 0 80px;
	background: url(../images/bg-repair.jpg) ;
	background-size: cover;
	background-position: center center;
/*background: url(../images/pattern3.png) #FFF;*/
}



.check h1{
	font-weight: 600;
font-size: 25px;
color: #e31e24;
text-align: center;
margin-bottom: 25px;
font-family: 'Open Sans', sans-serif;
}


.check h5{
	font-weight: 600;
font-size: 16px;
}


 .check a{
background: #f00;
padding: 10px 25px;
border: 0px;
position: relative;
top: 9px;
color: #fff;
}

.check a:hover{
background-color: #222;
}


.enter-code{
	padding: 20px 0 40px; 
	text-align:left;
	background: rgba(255, 255, 255, 0.77);
}

.enter-code .input-group i{
	position: absolute;
top: 9px;
right: 18px;
z-index: 10;
font-size: 22px;
color: #9c9c9c;
}

.enter-code .input-group .form-control {
    height: 42px;
    border-radius: 0px;
padding: 6px 100px 6px 12px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
opacity: 1;
	border-radius: 4px 0px 0px 4px !important;
	
	}

	#cross{
		display: none;
color: #fff;
position: absolute;
right: 37px;
top: 0px;
font-size: 16px;
z-index: 99;
padding: 13px 12px 13px;
background: #2f2f2f;
border-radius: 0px 4px 4px 0px;
cursor: pointer;
	}



.enter-code .input-group-btn .btn-primary {
    color: #fff;
    background: #e31e24;
    padding: 12px 25px;
    border: 0px;
    top: 0px;
font-weight: 600;
border-radius: 0px 4px 4px 0px;
font-size: 13px;
}

.model-numbers a{
	color: #2f2f2f;
	cursor: pointer;
}

.model-numbers a b{
	color: #e31e24;
}

.iphone-model-numbers .modal-header{
    padding: 10px 15px;
    background: #e31e24;
    color: #fff;
}

.iphone-model-numbers .modal-header h4{
font-size: 16px;
font-weight: 600;
	}

	.iphone-model-numbers .modal-header h4 i{
font-size: 25px;
padding-right: 5px;
	}

.iphone-model-numbers .modal-header .close {
    margin-top: -4px;
    background: #000;
    opacity: 1;
    color: #fff;
    padding: 8px 12px 12px;
    line-height: 13px;
    border-radius: 30px;
}

.models-table{
	width: 100%;
}

.models-table tr th{
padding: 8px 15px;
background: #e31e24;
color: #fff;
border: 1px solid #d1d1d1;
	}

.models-table tr td{
padding: 10px 15px;
border: 1px solid #d1d1d1;
}




.srymain {
	background:rgba(245, 245, 245, 0.9);
}

.enter-code2 {
	padding: 20px 0 20px;
	text-align: center;
}

.booking{
		padding: 80px 0 80px;
	background: url(../images/booking-bg.jpg) ;
	background-size: cover;
	background-position: center center;
	/*background: url(../images/pattern3.png) #FFF;*/
}


.booking-border{
	background:rgba(245, 245, 245, 0.9);
	padding: 20px 0;
}

.booking-border h2{
font-weight: 600;
font-size: 25px;
color: #e31e24;
text-align: center;
margin-bottom: 10px;
}

.booking-border p{
	font-weight: 600;
font-size: 16px;
text-align: center;
}

.type-device h2 em
{
	font-size: 15px;
background: #2f2f2f;
color: #fff;
padding: 6px 12px;
border-radius: 30px;
/*margin-right: 10px;*/
 position: relative;
top: -4px;
border: 2px solid #a2a2a2;
font-style: normal;
}

.booking-border p i{
font-size: 25px;
background: #2f2f2f;
padding: 8px 14px;
color: #fff;
border-radius: 30px;
margin-right: 8px;
}

.device{
text-align: center;
padding: 10px 0;
cursor: pointer;
transition: .4s;
margin: 10px 0;
}

.device a:hover p{
background: #e31e24;
color:#fff;
	}


.device img{
width: 30%;
padding: 12px 0px;
}

.device span{
	font-size: 60px;
}

.device p{
margin-bottom: 0px;
font-size: 14px;
font-weight: 400;
text-align: center;
padding: 6px 0;
cursor: pointer;
border: 1px solid #e31e24;
transition: .4s;
color: #222;
border-radius: 15px;
}

.device a{
	color: #2f2f2f;
	text-decoration:none; 
	display: block;
}

.device a:focus p{
background: #e31e24;
color: #fff;
	}

.mobile-model{
padding: 0 70px;
}

.nav-tabs > div > li.active > a, .nav-tabs > div > li.active > a:focus, .nav-tabs > div > li.active > a:hover {
    color: #fff;
    cursor: default;
    background-color: #e31e24;
    border:none;
    border-right: 1px solid #ccc;
    cursor: pointer;
 }

 .nav-tabs {
    border-bottom: 0px solid #ddd;
}

.nav-tabs > div  li {
    margin-top: 20px;
}
.nav > div  li.disabled > a {
    color: #222;
    background: #cfcfcf;
}

.nav-tabs > div  li > a {
    border: 0px solid transparent;
    border-radius: 0px 0px 0 0;
    color: #fff;
    background-color: #e31e24;
}

.nav-tabs > li > a:hover {
    background: #e31e24;
    color: #fff;
}

.nav > div > li.disabled > a:focus, .nav > div > li.disabled > a:hover {
    color: #222;
    text-decoration: none;
    background-color: #ddd;
}

.nav-tabs > div > li {
    margin-top: 20px;
}
.nav-tabs>div>li {
    float: left;
    margin-bottom: -1px;
}
.nav>div>li {
    position: relative;
    display: block;
}

.how-work{
	padding: 40px 0;
	background: #f5f5f5;
}

.get-rep {
    text-align: center;
}

.get-rep h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #dd1212;
    position: relative;
    padding: 0px 0 0px 20px;
}

.get-rep h1 {
    color: #000;
    font-size: 3em;
}

.get-rep h4::before {
    height: 8px;
    content: "";
    position: absolute;
    background: #ffb1b1;
    left: 38%;
    width: 8px;
    top: 4px;
}

.get-rep h4::after {
    height: 8px;
    content: "";
    position: absolute;
    background: #ff6969;
    left: 39%;
    width: 8px;
    top: 4px;
}


.how-work-box{
	background: #e31e24;
padding-left: 0px;
margin: 20px 0;
}

.how-work-box-2{
	background: #2f2f2f;
padding-left: 0px;
margin: 20px 0;
}


.how-work-box-image img{
	border-radius: 0 100px 100px 0;
width: 90%;
}

.how-work-text{
text-align: center;
padding: 24px 0 0;
}

.how-work-text span{
	color: #710003;
font-size: 30px;
	}

.how-work-text h4{
font-size: 17px;
font-weight: 600;
color: #fff;
}

.how-work-text p{
	color: #e9e9e9;
}

.sec-6{
padding: 0px;
}


.sec-6-box{
text-align: center;
background: #222;
padding: 70px 60px 50px;
height: 545px;
}

.sec-6-box h2{
font-size: 27px;
color: #d8d8d8;
margin-bottom: 25px;
font-weight: 600;
	}

.sec-6-box p{
		line-height: 24px;
color: #bfbfbf;
	}

.sec-6-box-2{
text-align: center;
background: #e31e24;
padding:80px 60px 60px;
height: 545px;
}

.sec-6-box-2 h2{
font-size: 27px;
color: #fff;
margin-bottom: 25px;
font-weight: 600;
	}

	.sec-6-box-2 p{
		line-height: 24px;
color: #fff;
	}

.sec-6-box-2 img{
width: 15%;
display: inline-block;
transform: scale(1) rotateY(0deg);
transition: all 1s ease 0s;
}

.sec-6-box-2:hover img {
    transform: scale(1.15) rotateY(360deg);
}


.sec-6-box img{
width: 15%;
display: inline-block;
transform: scale(1) rotateY(0deg);
transition: all 1s ease 0s;
}

.sec-6-box:hover img {
    transform: scale(1.15) rotateY(360deg);
}

.testimonial{
	padding: 70px 0 130px;
	background: #000 url("../images/testimonail-bg.png");
	background-position: center;
}

.slick-prev {
    left: 47% !important;
    top: 240px !important;
}

.slick-next {
    right: 47% !important;
   top: 240px !important;
}

.slick-prev::before, .slick-next::before {
opacity: 1 !important;
padding: 6px;
-webkit-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
-o-transform: skewX(-15deg);
transform: skewX(-15deg);
z-index: 9999;
position: relative;
}

.slick-prev::after, .slick-next::after {
content: "";
height: 40px;
width: 43px;
position: absolute;
left: -6px;
top: -9px;
-webkit-transform: skewX(-15deg);
-ms-transform: skewX(-15deg);
-o-transform: skewX(-15deg);
transform: skewX(-15deg);
background: #e4151c;
	}

.slick-arrow:hover .slick-prev::after, .slick-arrow:hover .slick-next::after{
		background: #000;
	}

	.single-testimonial{
		margin-top: 30px;
		display: inline-block;
	}


.single-testimonial .testimonial-img{
	text-align: center;
}

.single-testimonial .testimonial-img img{
border-radius: 50%;
border: 2px solid #fff;
	}

	.single-testimonial .testimonial-img p{
color: #e4151c;
margin-bottom: 0px;
padding-bottom: 0px;
padding-top: 7px;
background:none; 
	}

	.single-testimonial .testimonial-img span{
		color: #e4151c;
text-align: center;
	}

	.single-testimonial p{
		color: #b3b3b3;
		padding: 10px;
		background-color: rgba(255, 255, 255, 0.2);
	}

.review{
	text-align: center;
}

	.review h4{
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
color: #dd1212;
position: relative;
padding: 0px 0 0px 20px;
margin-top: 0px;
	}

	.review h1{
color: #fff;
font-size: 32px;
	}

.review h4::before {
height: 8px;
content: "";
position: absolute;
background: #fe4949;
left: 42%;
width: 8px;
top: 6px;
}

.review h4::after {
    height: 8px;
    content: "";
    position: absolute;
    background: #ff232a;
    left: 43%;
    width: 8px;
    top: 6px;
}
.enmatter button {
	background: #CB1A20;
	padding: 12px 40%;
	color: #fff;
	top: 14px;
	position: relative;
}

.enmatter .btn:hover {
    color: #fff;
}


.counter-section{
	padding: 60px 0;
text-align: center;
background: #222;
}

.counter{
	border-right: 1px solid #aaa;
}

.employee-p span{
position: absolute;
top: 12px;
font-size: 40px;
color: #fff;
right: 30%;
}

.design-p span{
position: absolute;
top: 12px;
font-size: 40px;
color: #fff;
right: 30%;
}

.no-border{
	border:none; 
}

.counter h2{
color: #fff;
font-weight: 600;
font-size: 36px;
}

.counter p{
color: #d8d8d8;
font-size: 16px;
	}


.coupon {
	text-align: center;
}

.coupon a{
	text-decoration:none;
	font-weight: 600;
	color: #222;
	cursor: pointer;
}

.coupon-code .btn-default {
color: #fff;
background-color: #333;
border: none;
padding: 10px 18px;
border-radius: 0px;
}

.coupon-code {
	text-align: center;
}

.coupon-code .form-control {
    margin-bottom: 15px;
}

.coupon-code label{
	color: #e31e24;
	margin-bottom: 10px;
}

 .coupon-code input::placeholder {
text-align: center;
 }


.modal-body .close {
    margin-top: -4px;
    background: #000;
    opacity: 1;
    color: #fff;
    padding: 8px 12px 12px;
    line-height: 13px;
    border-radius: 30px;
}

.issue-continue{
text-align: center;
margin: 10px 0;
}

.issue-continue .btn-default{
	color: #fff;
background-color: #e31e24;
border: none;
font-size: 16px;
padding: 10px 20px;
transition: .4s;
}

.issue-continue .btn-default:hover{
	color: #fff;
background-color: #000;
}

.wizard .wizard-inner{
text-align: center;
}

.wizard-inner .nav-tabs{
display: inline;
}

.booking-contact-detail{
background: #fff;
padding: 0px;
margin: 20px 0;
}

.final-details{
	background: #e31e24;
margin-bottom: 20px;
}

.final-details h2, .final-details p{
color: #fff;
}

.booking-contact-detail .form-control{
	margin-bottom: 15px;
}

.issue-continue .btn-default small{
	font-weight: 600;
	font-size: 13px;
	font-family: 'Lato', sans-serif;
}

.about-sec {
	background: #f0f0f0;
	border: 2px dotted #e31e24; 
	padding: 0 15px;
	height: 150px;
	margin:15px 0; 
}

.about-sec h2{
font-weight: 600;
text-transform: uppercase;
font-size: 22px;
color: #e31e24;
}

.about-sec-2{
background: #e31e24;
}

.about-sec-2 h2, .about-sec-2 p{
	color: #fff !important;
}


.certificate{
	padding-left: 0px;
}

.certificate li{
	list-style: none;
	line-height: 26px;
	font-weight: 600;
	}

	.certificate li span{
		color: #e31e24;
		padding-right: 5px;
	}


.top_ {
    z-index: 99;
    padding-top: 16px;
}

.hd {
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #e31e24;
}

.controls .btn-success {
    color: #fff;
    background-color: #222 !important;
    border-color: #222 !important;
}

.photo {
    margin:20px 0px;
    padding: 10px 0px;
    box-shadow: 0px 0px 10px rgba(66, 66, 66, 0.42);
    position: relative;
    width: 100%;
    background: #fff;
}

.photo img:hover {
    moz-transform: scale(1.2);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    cursor: pointer;
}

.photo img {
    width: 90%;
    margin: 0px auto;
    padding: 13px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}



.box:before {
	content: "\f29c";
	font: normal normal normal 14px/1 FontAwesome;
	background: red;
	padding: 10px 35px;
	color: #fff;
	font-size: 30px;
	top: -52px;
	position: absolute;
	right: 0;
	border-radius: 10px 10px 0 0px;
}
.box {
	background:#fff;
	padding: 20px 20px; 
	border-top: 4px solid #F00;
	position: relative;
	/*! width: 100%; */
	top: -73px;
}
.box h3 {
	font-size: 16px;
	text-transform:uppercase;
	font-weight: 600;
	color: #E31E24;
	position: relative;
	padding: 0px 0 0px 20px;
}
.box h3:before {
	height:8px;
	content: "";
	position: absolute;
	background:#ffb1b1;
	left: 0;
	width: 8px;
	top: 4px
	
}
.box h3:after {
	height:8px;
	content:"";
	position: absolute;
	background:#ff6969;
	left: 7px;
	width: 8px;
	top: 4px;
	
}
.box ul {
	padding: 0;
}
.box ul li {
	list-style: none;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	color: #000;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.box ul li i{
	color: red;
	font-size: 24px;
	position: relative;
	top: 4px;
}
.box:after {
	content: "";
	background: #fff;
	position: absolute;
	bottom:-25px;
	height: 50px;
	width: 50px;

	transform: rotate(45deg);
	left: 43%;
	z-index: 0;
}
.sec-3 {
	background: url(../images/pattern3.png) #FFF;
	padding: 30px 0;
}
.rep h4:before {
	height:8px;
	content: "";
	position: absolute;
	background:#ffb1b1;
	left: 38%;
	width: 8px;
	top: 4px
	
}
.rep h4:after {
	height:8px;
	content:"";
	position: absolute;
	background:#ff6969;
	left: 39%;
	width: 8px;
	top: 4px;
	
}

.rep{
text-align: center;
}

.rep h4 {
	font-size: 16px;
	text-transform:uppercase;
	font-weight: 600;
	color: #dd1212;
	position: relative;
	padding: 0px 0 0px 20px;
}
.rep h1 { 
color: #000;
font-size: 3em;
 }

.why h1 {
    color: #000;
font-size: 3em;
}

.why{
	text-align: center;
}

.why h4{
	font-size: 16px;
text-transform: uppercase;
font-weight: 600;
color: #dd1212;
position: relative;
padding: 0px 0 0px 20px;
}

.why h4::before {
height: 8px;
content: "";
position: absolute;
background: #ffb1b1;
left: 41%;
width: 8px;
top: 4px;
}

.why h4::after {  
   height: 8px;
content: "";
position: absolute;
background: #ff6969;
left: 42%;
width: 8px;
top: 4px;
 }


.icon {
	margin:30px 0; 
	text-align: center;
	transition: all 0.35s ease-in-out 0s;
}

.icon i img{
	width: 15%;
	transition: all 0.35s ease-in-out 0s;
}

.icon p b{
	transition: all 0.35s ease-in-out 0s;
}

.icon:hover p b{
	color:#dd1212;
}



.icon:hover img{
	border-radius:50px; 
	box-shadow: 0 0 5px #000;
}

.icon p b{
	color: #000;
}
.icon p {
	color: #1a1a1a;
	font-size: 14px;
	margin-top: 5px;
}
.sec-4 {
	padding: 35px 0;
	position: relative;
	background: #F0F0F0;
}

.sec-4 h4{
	text-align: center;
}
.sec-4 h4 .i1 {
	color: #ff8c8c;
	font-size: 10px;
	position: relative;
	top: -2px
}
.sec-4 h4 .i2 {
	font-size: 10px;
	color: #ff4949;
	position: relative;
	top: -2px;
}
.sec-4 h1 {
	text-align: center;
	margin-bottom: 50px;
}
.models a {
background: #292929;
color: #fff;
padding: 15px 0px;
-webkit-transition: all 0.35s ease-in-out 0s;
-moz-transition: all 0.35s ease-in-out 0s;
-ms-transition: all 0.35s ease-in-out 0s;
-o-transition: all 0.35s ease-in-out 0s;
transition: all 0.35s ease-in-out 0s;
display: block;
text-align: center;
}
.models a:hover {
	background:red ;
	-webkit-transition: all 0.35s ease-in-out 0s;
-moz-transition: all 0.35s ease-in-out 0s;
-ms-transition: all 0.35s ease-in-out 0s;
-o-transition: all 0.35s ease-in-out 0s;
transition: all 0.35s ease-in-out 0s;
}
a {
	
	-webkit-transition: all 0.35s ease-in-out 0s;
-moz-transition: all 0.35s ease-in-out 0s;
-ms-transition: all 0.35s ease-in-out 0s;
-o-transition: all 0.35s ease-in-out 0s;
transition: all 0.35s ease-in-out 0s;
}
 a:hover {
	
	-webkit-transition: all 0.35s ease-in-out 0s;
-moz-transition: all 0.35s ease-in-out 0s;
-ms-transition: all 0.35s ease-in-out 0s;
-o-transition: all 0.35s ease-in-out 0s;
transition: all 0.35s ease-in-out 0s;
}
.models p {
	margin-bottom: 15px;

}

.models{
margin-bottom: 25px;
}


.sec-5 {
	padding: 35px 0;

	/*background:url(../images/bg-faq.jpg) ;*/
	background-size: cover; 
}

.sec-5 h3{
	text-align: center;
}
.sec-5 h3 .i1 {
	color: #ff8c8c;
	font-size: 10px;
	position: relative;
	top: -2px
}
.sec-5 h3 .i2 {
	font-size: 10px;
	color: #ff4949;
	position: relative;
	top: -2px;
}
.sec-5 h1 {
	text-align: center;
	margin-bottom: 50px;
}
.panel-heading h4 {
font-size: 18px;
padding: 5px 0;
transition: .4s;
font-family: 'Lato', sans-serif;
color: #333;
}
.panel-heading h4 a i {
	font-size: 18px;
	padding-right: 5px;
	color: #e31e24;
}

.panel-heading h4 a{
	text-decoration: none !important;
}


.panel-heading:hover h4{
color: #818080;
}

.panel-heading:hover i{
color: #818080;
}

.panel-heading {
    padding: 8px 15px;
    }

.panel {
	margin-bottom: 20px;
	background:none;
	border-radius: 0px;
box-shadow: none;	
border-bottom: 1px solid #e0dede;
border-top: 0px;
border-left: 0px;
border-right: 0px;
}
.panel-default > .panel-heading {
	color: #222;
	background:none;
	border-top: 0px;
}
.panel-collapse .panel-body {
font-size: 16px;
line-height: 25px;
padding: 10px;
font-family: 'Lato', sans-serif;
color: #747474;
}

.panel-collapse .panel-body a{
color: #e31e24;
	}


.allv {
	text-align: center;
}
.allv p{
	margin: 25px 0;
}
.allv p a {
background: #222;
padding: 15px 40px;
color: #fff;
transition: .4s;
}

.allv p a:hover {
	background: #e31e24;
	}

.specialise{
padding: 30px 0;
border-top: 1px solid #d1d1d1;
background: url(../images/pattern.png) ;
}


.sec-7 {
	background: url(../images/bg-mail.jpg);
	background-position: center center;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;


	padding: 50px 0 100px 0;  
	text-align:center; 
}
.sec-7 h1 {
	color: #fff;
	font-size: 50px; 
}
.sec-7 p {
	color: #fff;
	font-size: 22px;
	margin: 30px 0;
} 
.sec-7 .a1 {
	background: #333;
	color: #fff;
	padding: 25px 40px;
	position: relative;
	top: 30px;
	margin-right: 20px;

}
.sec-7 .a2 {
	background: #fff;
	color: red;
	padding: 25px 40px;
	position: relative;
	top: 30px;

}

.sec-8 {
background: url(../images/pattern3.png) #FFF;
padding: 30px 0;
text-align:center; 
}

.sec-8 .use-imobile h1{
color: #000;
}

.sec-8 .use-imobile h3{
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
color: #dd1212;
position: relative;
padding: 0px 0 0px 20px;
}

.sec-8 h3 .i1 {
    color: #ff8c8c;
    font-size: 10px;
    position: relative;
    top: -2px;
}

.sec-8 h3 .i2 {
    font-size: 10px;
    color: #ff4949;
    position: relative;
    top: -2px;
}

.sec-8 .sec-8-box h2{
color: #ff6161;
font-size: 25px;
transition: .4s;
}

.sec-8 .sec-8-box p{
	color: #fff;
	font-size: 15px;
}

.sec-8 .sec-8-box span{
      font-size: 25px;
color: #fff;
background: #E31E24;
border-radius: 50%;
height: 70px;
width: 70px;
line-height: 70px;
}


.sec-8 .sec-8-box{
background: #222;
box-shadow: 0 0px 5px #dadada;
margin: 20px 0;
padding: 35px 20px;
height: 250px;
}

.sec-8-box-2{
background: #e31e24 !important;
}

.sec-8 .sec-8-box-2 span{
	background: #222;
}

.sec-8 .sec-8-box-2 h2 {
color: #420608;
}



.sec-8 .sec-8-box:hover span {
  
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: ease-out 1.0s;
    -moz-transition: ease-out 1.0s;
    -o-transition: ease-out 1.0s;
    transition: ease-out 1.0s;
    transition: all 1.0s ease-in-out 0;
}

.sec-8 .sec-8-box:hover h2 {
    color: #fff;
}

.sec-8 .sec-8-box:hover span {
  background: #fff;
border-radius: 50%;
color: #e31e24;
cursor: pointer;
}

.sec-8-icon span::after {
    border-radius: 50%;
    box-sizing: content-box;
    content: "";
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
}

.sec-8 .sec-8-icon span::after {
    box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
    left: 0;
    opacity: 0;
    padding: 0;
    top: 0;
    transform: scale(0.9);
    z-index: -1;
}

.sec-8 .sec-8-box:hover .sec-8-icon span::after {
    animation: 1.3s ease-out 75ms normal none 1 running sonarEffect;
}



@keyframes sonarEffect {
 0% {
opacity:.3
}
 40% {
box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #d7d7d7, 0 0 0 7px rgba(255,255,255,0.1);
opacity:.5
}
 100% {
box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #d7d7d7, 0 0 0 7px rgba(255,255,255,0.1);
opacity:0;
transform:scale(1.5)
}
 0% {
opacity:.3
}
 40% {
box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #d7d7d7, 0 0 0 7px rgba(255,255,255,0.1);
opacity:.5
}
 100% {
box-shadow:0 0 0 2px rgba(255,255,255,0.1), 0 0 7px 7px #d7d7d7, 0 0 0 7px rgba(255,255,255,0.1);
opacity:0;
transform:scale(1.5)
}
}



.service-banner{
	background:url(../images/service-banner.jpg); 
	padding: 100px 0 40px;
	background-position: center;
	background-size:cover;
}

.technical-banner{
	background:url(../images/technical-banner.jpg) 80% 10%; 
	padding: 100px 0 40px;
	background-size:cover;
}

.school-programs-banner{
	background:url(../images/school-programs-banner.jpg); 
	padding: 100px 0 40px;
	background-position: center;
	background-size: cover;
}

.about-banner{
	background:url(../images/about-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}

.contact-us-banner{
	background:url(../images/contact-us-banner.jpg); 
	padding: 100px 0 40px;
	background-position:center;
	background-size: cover;
}


.iphone-repair-banner{
	background:url(../images/iphone-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}

.iphad-repair-banner{
	background:url(../images/iphad-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}


.htc-repair-banner{
	background:url(../images/htc-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}

.samsung-repair-banner{
	background:url(../images/samsung-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}


.lg-repair-banner{
	background:url(../images/lg-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}

.pixel-repair-banner{
	background:url(../images/pixel-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}

.oneplus-repair-banner{
	background:url(../images/oneplus-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}

.sony-repair-banner{
	background:url(../images/sony-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}

.nokia-repair-banner{
	background:url(../images/nokia-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}

.blackberry-repair-banner{
		background:url(../images/blackberry-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}

.microsoft-surface-repair-banner{
		background:url(../images/microsoft-surface-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}

.huawei-repair-banner{
	background:url(../images/huawei-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}

.ipod-repair-banner{
	background:url(../images/ipod-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}

.ipod-repair-banner{
	background:url(../images/ipod-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}

.oppo-repair-banner{
	background:url(../images/oppo-repair-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}

.faq-banner{
	background:url(../images/faq-banner.jpg); 
	padding: 100px 0 40px;
	background-position: 0% 30%;
	background-size: cover;
}


.banner-matter h1{
	color: #fff;
text-transform: uppercase;
font-size: 26px;
font-weight: 600;
}

.top-banner-bar{
	position: absolute;
width: 100%;
left: 0;
border-top: 1px solid #9c9c9c;
padding-left: 102px;
}

.top-banner-bar ul{
	padding-left: 0px;
list-style: none;
margin: 0px
}

.top-banner-bar ul li{
float: left;
padding: 10px 4px;
color: #c2c2c2;
}

.top-banner-bar ul li a{
color: #fff;
	}

	.matter-in{
		padding: 40px 0px;
	}

	.matter-in h1{
		font-size: 30px;
color: #e31e24;
	}

	.matter-in .i1{
font-size: 10px;
color: #ff8c8c;
	}

	.matter-in .i2{
font-size: 10px;
color: #ff4949;
margin: 0 6px 0 -4px;
	}

	.matter-in p{
		line-height: 28px;
		font-family: 'Lato', sans-serif;
		color: #000;
		font-size: 16px;
	}

	.onsite-img {
	margin-top: 25px; 
	}

	.onsite-link a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -4em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -4em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: all 0.35s ease-in-out 0s;
    -moz-transition: all 0.35s ease-in-out 0s;
    -ms-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
    background: #000;
}

.onsite-link a {
transition: none 0s ease 0s;
padding: 12px 15px;
letter-spacing: 2px;
font-size: 14px;
border: 1px solid #e31e24;
display: inline-block;
position: relative;
overflow: hidden;
color: #fff;
margin-top: 6px;
background: #e31e24;
}

.onsite-link a:hover{
	color: #fff;
	z-index: 2;
}

.onsite-link a:hover::before {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}


.carry-in h1{
	text-align: center;
	margin-bottom: 50px;
}

.carry-in h1::after{
content: '';
position: absolute;
top: 102px;
left: 45%;
background-color: #000;
width: 100px;
height: 1px;
}

.carry-in h1::before{
content: '';
position: absolute;
top: 105px;
left: 43%;
background-color: #000;
width: 100px;
height: 1px;
}

.carry-in h4{
text-align: center;
font-weight: 600;
font-size: 15px;
}

.how-in h4{
padding: 3px 18px;
}




.carry-box{
background: #f5f5f5;
border-radius: 50%;
height: 200px;
transition: all 0.3s ease 0s;
width: 200px;
text-align: center;
box-shadow: 0px 0 6px #cecece;
border: 1px dashed #e31e24;
display: inline-block;
}

.carry-in{
	text-align: center;
	padding: 40px 0;
}

.carry-box span{
	font-size: 25px;
color: #e31e24;
margin-top: 50px;
}

.cry-reair i{
	font-size: 18px;
padding-right: 5px;
color: #e31e24;
}

.cry-reair span{
	color: #e31e24;
}

.cry-reair{
	font-size: 16px;
	font-weight: 600;
}

.cry-reair a{
	color: #333;
	letter-spacing: 1px;
}

.school-programs a{
	text-align: center;
background: #e31e24;
border: 1px solid #e31e24;
padding: 10px 15px;
color: #fff;
cursor: pointer;
}

.school-programs a:hover{
background:#000; 
color: #fff;
	}

.school-programs a i{
padding-right: 5px;
}

.school-programs .form-control{
	margin-bottom: 15px;
}

.school-programs .modal-header {
    padding: 12px 15px;
    border-bottom: 0px solid #e5e5e5;
    background: #e31e24;
    color: #fff;
}

.school-programs .modal {
    z-index: 99999;
    }

.school-programs .modal-header .close {
    margin-top: -4px;
    background: #000;
    opacity: 1;
    color: #fff;
    padding: 8px 12px 12px;
    line-height: 13px;
    border-radius: 30px;
}

.school-programs .btn-default {
    color: #fff;
    background-color: #333;
    border: none;
    padding: 10px 18px;
    border-radius: 0px;
}


.contact-box{
background: #efefef;
text-align: center;
padding: 25px 30px;
border: 1px dotted #bcbcbc;
height: 180px;
}

.contact-box span{
font-size: 20px;
color: #e31e24;
	}

.contact-box h4{
font-weight: 600;
font-size: 16px;
}

.contact-box p a{
color: #000;
transition: .4s;
text-decoration:none;
}

.contact-box p a:hover{
	color: #e31e24;
}


.enmatter input {
    height: 40px;
    border-radius: 0;
    margin-bottom: 20px;
    background: #f6f6f6;
}

.enmatter a {
    background: #CB1A20;
    padding: 18px 149px;
    color: #fff;
    top: 14px;
    position: relative;
}

.enmatter textarea {
    background: #f6f6f6;
    margin-bottom: 20px;
    border-radius: 0px;
}

.contact-btn{
	margin-top: 15px;
}

.connect-us{
	padding: 40px 0;
height: 150px;
position: relative;
background:url(../images/connect-bg.jpg);
background-position:center; 

}

.connect-us a{
background: #990d12;
color: #fff;
padding: 10px 12px;

	}

	.connect-us h4{
position: relative;
font-weight: 600;
z-index: 999;
margin-top: 0px;
margin-bottom: 15px;
color: #fff;
	}

	.connect-us ul{
margin-top: 15px;
padding-left: 0px;
display: inline-block;
	}

	.connect-us ul li{
	list-style: none;
float: left;
margin: 0 15px;
position: relative;
z-index: 999;
	}

.connect-us::before {
position: absolute;
content: "";
width: 53%;
background-color: #e31e24;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: inline-block;
transform: skewX(-136deg);
-webkit-transform: skewX(136deg);
-ms-transform: skewX(-136deg);
z-index: 1;
transform-origin: left 0;
}
.social-icon
{
margin-top: 15px;
padding-left: 0px;
display: inline-block;
}
.social-icon li
{
	list-style: none;
    float: left;
margin: 0 15px;
position: relative;
z-index: 999;
	}
.social-icon a{
    background: #E31E24;
    color: #fff;
    padding: 8px 10px;

	}
.iphone-model-list img{
	border:1px solid #d1d1d1;
	padding: 2px;
}


.inner-services{
	padding: 40px 0;
	/*background: #F0F0F0;*/
}

.inner-services h1 {
    font-size: 28px;
    color: #fff;
    margin-top: 0px;
}

.inner-services ul{
padding-left: 0px;
}

.inner-services ul li{
	list-style: none;
	line-height: 28px;
	color: #fff;
	font-family: 'Lato', sans-serif;
font-size: 16px;
}


.inner-services ul li span{
padding-right: 5px;
	}

.inner-service-1{
background:#222;
padding: 30px;
height: 535px;
border: 2px dotted #fff;
}

.inner-service-2{
background: #e31e24;
padding: 30px;
border: 2px dotted #222;
}

.inner-service-2 p{
line-height: 28px;
font-family: 'Lato', sans-serif;
color: #fff;
font-size: 16px;
	}

.inner-service-1 p{
line-height: 28px;
font-family: 'Lato', sans-serif;
color: #fff;
font-size: 16px;
}

.ipad-repair-box{
height: 365px;
}

.samsung-problem-list{
padding-left: 0px;
}

.samsung-problem-list li{
	line-height: 28px;
font-family: 'Lato', sans-serif;
color: #000;
font-size: 16px;
list-style: none;
	}

	.samsung-problem-list li i{
		color: #e31e24;
		padding-right: 5px;
	}

	.google-pixel{
		padding: 40px 0px 0px;
		display: inline-block;
	}

.pixel-box{
	padding-left: 0px;
}

.pixel-box li{
	list-style: none;
background: #ececec;
padding: 20px;
margin-bottom: 20px;
height: 215px;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.pixel-box li:hover{
box-shadow: 0 2px 4px #e7e7e7;
transform: scale(1.02);
	}

.pixel-box li img{
width: 20%;
float: left;
	}

.pixel-box li h4{
		font-family: 'Lato', sans-serif;
		font-weight: 600;
margin-bottom: 4px;
	}

.pixel-box-matter{
padding-left: 68px;
	}

	.pixel-box-matter p{
		font-size: 15px;
	}

	.left-box img{
		float: right !important;
	}

	.left-box .pixel-box-matter{
		padding-left: 0px;
padding-right: 68px;
	}

.slick-slide {
height: 180px !important;
}

.broken-type
{
text-align: right;
}

.broken-type-2{
text-align: left;
}

.broken-type table th{
	text-align: center;
	color: #fff;
	padding: 4px;
	background: rgb(227, 30, 36);
	border:1px solid #fff;
}

.broken-type table{
	display: inline-block;
}

.broken-type table tr td{
	padding: 4px 12px;
	background: #fff;
	border:1px solid #d1d1d1;
	text-align: center;
	}
.thank-matter h4
{
	color: #E31E24;
}	
.thanks-list
{
	list-style: none;
	padding-left: 0px;
}
.thanks-list li
{
	line-height: 28px;
    font-family: 'Lato', sans-serif;
    color: #000;
    font-size: 16px;
}
.thanks-list li i
{
	color: #E31E24;
}	
.thanks-sublist
{
	list-style: none;
	padding-left: 35px;
}
.thanks-sublist li
{
	line-height: 28px;
    font-family: 'Lato', sans-serif;
    color: #000;
    font-size: 16px;
}
.thanks-sublist li i
{
	color: #E31E24;
}	
footer {
	background:#2f2f2f; 
	padding: 50px 0;
	border-bottom: 20px solid #000;
}
footer .f1 img {
	width: 60%;
	margin-bottom: 20px;
}

footer .f1 ul {
	padding: 0
}

footer .f1 ul li {
	list-style: none;
	line-height: 28px;
}
footer .f1 ul li a {
	color: #cbcbcb;
}
footer .f1 p {
	color: #818181;
	font-size: 16px;
}
footer .f1 a {
	color: #999999;
	
}
footer .f1 a i {
	color:#999999;
	font-size:16px;
}
footer .f2 h4 .i1 {
	color: #555;
	font-size: 10px;
	position: relative;
	top: -2px
}
footer .f2 h4 .i2 {
	font-size: 10px;
	color: #888;
	position: relative;
	top: -2px;
}
footer .f2 h4 {
	color: #fff;
	margin-bottom: 25px; 
}
footer .f2 ul {
	padding: 0
}

footer .f2 ul li {
	list-style: none;
	line-height: 28px;
}
footer .f2 ul li a {
	color: #cbcbcb;
}

footer .f2 p{
	color: #cbcbcb;
	line-height: 26px;
}


footer .f2 p i{
	padding-right: 8px;
}


.carousel-control.left {
	background:none 
}
.carousel-control.right {
	background:none 
}
.logo img{
	width: 100%
}
.enter-code2 h3 color{
	color: red;
	font-size: 30px;
}

.enter-code2 h3 {
	
	line-height: 35px;
}
.srybox1 {
	background: #bd0000;
	margin-bottom: 30px;
	padding: 0 15px 29px 15px;
}
.srybox1 h4 {
	color: #fff;
}
.srybox1 ul {
	padding: 0 ;
	margin-bottom: 26px;
}

.srybox1 ul li{
	list-style: none;
	color: #fee7e7;
	border-bottom: 1px solid #d10000;
	padding: 15px 0;
}
.srybox1  a {
	background: none;
	border:1px solid #fff; 
}
.srybox2  a {
	background: none;
	border:1px solid #fff; 
	text-align: center;
}
.srybox2 {
	background: #2d2d2d;
	margin-bottom: 30px;
	padding: 0px 15px 25px 15px;
}
.srybox2 h4 {
	color: #fff;
}
.srybox2 ul {
	padding: 0 ;
	
}

.srybox2 ul li{
	list-style: none;
	color: #fee7e7;
	border-bottom: 1px solid #444;
	padding: 15px 0;
}

@media (max-width: 320px){

.home-coupon p {
font-size: 7px !important;
padding: 2px 0px;
transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
bottom: 41px !important;
right: 21px !important;
}

}


@media (min-width: 320px) and (max-width: 414px){
	header {
	
	padding: 20px 0px 0px;
	z-index: 999;
	position: relative;
	width: 100%;
}

.m-slide{
display: block !important;
}

.desktop-slide{
	display: none !important;
}

.home-coupon p {
font-size: 9px;
padding: 2px 0px;
transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
bottom: 54px;
right: 26px;
}

.navigation {
    padding-left: 0px;
}

.top-box {
    border-right: 0px solid #808080;
    margin-top: 10px;
    display: inline-block;
}

.top-box i {
    font-size: 14px;
    position: relative;
top: 9px;
}

.top-box .top-text {
    margin-left: 20px;
}

.top-box .top-text h4 {
    font-size: 13px;
}

.top-box .top-text p {
    font-size: 10px;
}

.fix-device a {
    padding: 8px 14px;
    display: inline-block;
    font-size: 13px;
}

.fix-device {
    margin:20px 0px;
}

.header-top {
    text-align: center;
    margin-bottom: 0px;
}

.carousel-caption {
	position: relative;
	text-align: center;
	top: 0px;
	padding: 15px 6px;
	left: 0px;
	background:#000; 
/*  background-color: rgba(0, 0, 0, 0.6);*/
}

.carousel-caption p{
	font-size: 11px;
text-align: center;
margin-bottom: 15px;
}

.carousel-caption h1 {
	margin-bottom: 6px;
	text-align: center;
color: #fff;
font-size: 14px;
margin-top: 8px;
text-shadow: none;
}

.carousel-caption a {
transition: none 0s ease 0s;
text-align: inherit;
line-height: 34px;
border-width: 1px;
margin: 0px;
padding: 0px 10px;
letter-spacing: 2px;
font-weight: 300;
font-size: 11px;
height: 34px;
border: 1px solid #fff;
background: transparent;
display: inline-block;
position: relative;
z-index: 1;
overflow: hidden;
color: #fff;
}

.carousel-caption a::before {
    background: #e31e24;
}




.sec-2 h1 {
    font-size: 22px;
}

.sec-2 p {
    font-size: 14px;
}

.logo{
	
	text-align: center;
}
.logo img{
	
	text-align: center;
	width: 70%;
}
.navbar-inverse {
	background: #0c0c0c;
	border: none;
	margin: 6px 0px;
}

.navbar-inverse .navbar-toggle {
    border-color: #e31e24;
}

.navbar-toggle {
    background-color: #e31e24
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #e31e24;
}

.navbar-nav > li {
    float: none;
    display: block;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 14px;
    text-align: left;
}

.navbar-nav .open .dropdown-menu {
    background-color: #292929;
    border-radius: 0px; 
    }

.how-work-box-2 {
    padding: 0px;
}


.how-work-box-image img {
    border-radius: 0px;
    width: 100%;
}

.g-recaptcha{
display: inline-block;
}

.g-recaptcha div{
	text-align: center;
}

.m-btn{
	text-align: center;
	margin-top: 10px;
}

.how-work-box {
    padding: 0px;
    }

.get-rep h4::before {
    height: 6px;
    left: 8%;
    width: 6px;
    top: 3px;
}

.get-rep h4::after {
    height: 6px;
    left: 12%;
    width: 6px;
    top: 3px;
}

.get-rep h4 {
    font-size: 13px;
 }

.how-work {
    padding: 25px 0;
}

.get-rep h1 {
    font-size: 1.7em;
    margin-top: 10px;
}

.how-work-text span {
    font-size: 22px;
}

.how-work-text h4 {
    font-size: 15px;
    }

.how-work-text {
    padding: 15px 5px;
}

.box {
	background: #fff;
	padding: 20px 13px;
	border-top: 4px solid #F00;
	position: relative;
	width: 100%;
	top: 35px;
}
.box h2 {
	font-size: 20px;
}
.box ul li {
	list-style: none;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	color: #000;
	font-weight: 400;
	letter-spacing: 0px;
}
.box ul li i {
	color: red;
	font-size: 15px;
	position: relative;
	top: 4px;
}
.sec-2 {
	background: url(../images/pattern3.png) #474747;
	padding: 50px 0 75px 0;
}

.rep h1 {
    font-size: 24px;
    margin-top: 0px;
}

.rep h4::before {
    left: 38px;
}

.rep h4::after {  
    left: 47px;
 }

.icon i img {
    width: 20%;
}

.icon p {
    font-size: 12px;
}

.box::after {
	content: "";
	background: #fff;
	position: absolute;
	bottom: -20px;
	height: 40px;
	width: 40px;
	transform: rotate(45deg);
	left: 43%;
	z-index: 0;
}
.icon {
margin: 25px 0 0;
}
.models {
	margin-top: 35px;
}

.sec-4 h1 {
    margin-bottom: 0px;
    font-size: 24px;
}

.models h3{
	font-size: 16px;
}

.models a {
    padding: 8px 0px;
font-size: 13px;
    }

.sec-8 .use-imobile h3 {
    font-size: 13px;
}

.sec-8 h3 .i2 {
font-size: 6px;
}

.sec-8 h3 .i1 {
 font-size: 6px;
}

.sec-8 .use-imobile h1 {
    font-size: 23px;
    margin-top: 0px;
    }

.sec-8 .sec-8-box span {
    font-size: 16px;
    height: 50px;
    width: 50px;
    line-height: 50px;
}

.sec-8 .sec-8-box {
    padding: 25px 15px;
    height: 215px;
}

.sec-8 .sec-8-box h2 {
    font-size: 16px;
}

.sec-8 .sec-8-box p {
    font-size: 14px;
}


.sl ul {
    background: #fff;
    padding: 0px 25px;
    margin-top: 35px;
}


.sl ul li a {
    font-size: 13px;
}

.sec-5 h3 {
    font-size: 14px;
}

.sec-5 h1 {
    margin-bottom: 10px;
    font-size: 20px;
}

.sec-5 h3 .i1 {
    font-size: 6px;
}

.sec-5 h3 .i2 {
    font-size: 6px;
}

.panel-heading h4 {
    font-size: 16px;
    padding: 6px 0;
}

.panel-heading h4 a i {
    font-size: 14px;
    }

 .panel-collapse .panel-body {
    font-size: 14px;
}

.allv p a {
    padding: 10px 26px;
    font-size: 13px;
    }

.sec-5 {
    background-position: center;
    padding: 25px 0;
}

.controls .btn-success {
padding: 4px 6px;
	}

.hd {
    font-size: 14px;
    }

.enmatter h1 {
    line-height: 40px;
    font-size: 24px;
}

.enmatter textarea {
    margin-bottom: 20px;
}


.enmatter a {
	background: #CB1A20;
	padding: 12px 40%;
	color: #fff;
	top: 14px;
	position: relative;
}

.sec-6-box {
    padding: 30px 30px 20px;
    height: 350px;
}

.sec-6-box img {
    width: 10%;
}

.sec-6-box h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

.sec-6-box p {
    line-height: 24px;
    font-size: 13px;
}

.sec-6-box-2 {
    padding: 30px 30px 20px;
    height: 380px;
}

.sec-6-box-2 img {
    width: 10%;
}

.sec-6-box-2 h2 {
  font-size: 20px;
    margin-bottom: 10px;
}

.sec-6-box-2 p {
    line-height: 24px;
    font-size: 13px;
}

.review h4 {
    font-size: 13px;
}

.review h4::before {
    height: 6px;
    left: 25%;
    width: 6px;
    top: 5px;
}

.review h4::after {
    height: 6px;
    left: 28%;
    width: 6px;
    top: 5px;
}

.review h1 {
    font-size: 23px;
}

.slick-next {
    right: 39% !important;
    top: 470px !important;
}

.slick-prev {
    left: 39% !important;
    top: 470px !important;
}

.single-testimonial .testimonial-img img {
    width: 56%;
    display: inline-block;
}

.single-testimonial p {
    margin-top: 15px;
}

.single-testimonial .testimonial-img p {
  margin-top: 0px;
}

.slick-prev::before, .slick-next::before {
    font-size: 14px !important;
    }

.slick-prev::after, .slick-next::after {
    height: 30px;
    width: 35px;
    left: -6px;
    top: -6px;
}

.slick-slide {
    height: 420px !important;
    overflow: scroll;
}

.sec-7 h1 {
    font-size: 36px;
}

.sec-7 p {
    font-size: 16px;
}

.sec-7 .a1 {
	margin-right: 0;
	padding: 15px 20px;
}
.sec-7 .a2 {
	background: #fff;
	color: red;
	padding: 15px 20px;
	position: relative;
	top: 65px;
display: inline-block;
}
.sec-7 {
	padding: 50px 0 140px 0;
	text-align: center;
}

.counter h2 {
    font-size: 23px;
}

.counter p {
    font-size: 14px;
}

.counter {
    border-right: 0px solid #aaa;
}

.employee-p span {
    top: 5px;
    font-size: 30px;
    right: 33%;
}

.design-p span { 
    top: 4px;
    font-size: 30px;
    right: 33%;
}

.counter-section {
    padding: 30px 0;
}

.sec-4 h4 .i1 {
    font-size: 6px;
    top: -2px;
}

.sec-4 h4 .i2 {
    font-size: 6px;
    top: -2px;
}

.sec-4 h4 {
   font-size: 13px;
}

.models p {
    font-size: 13px;
    text-align: justify;
}

.check h1 {
    font-size: 18px;
    margin-bottom: 8px;
}

.check h5 {
    font-size: 12px;
}

.check {
    padding: 40px 10px;
 }


.booking-border h2 {
    font-size: 18px;
}

.type-device h2 em {
    font-size: 14px;
    padding: 4px 8px;
    top: -1px;
}

.check a {
    padding: 8px 20px;
}

.banner-matter h1 {
    font-size: 16px;
}


.top-banner-bar {
    padding-left: 12px;
}

.matter-in h1 {
    font-size: 20px;
    margin-top: 0px;
}

.school-programs a { 
    padding: 10px;
    font-size: 13px;
}

.school-programs .modal-header .close {
    padding: 5px 8px 10px;
    }


 .onsite-link a {
    padding: 8px 10px;
    font-size: 13px;
}

.cry-reair {
    font-size: 12px;
    }

    .carry-in{
    	margin-top: 10px;
    	padding: 20px 0;
    }

 .carry-box { 
    height: 110px;
    width: 110px;
    margin-bottom: 15px;
}

.carry-box span {
    font-size: 16px;
    margin-top: 16px;
}

.carry-in h4 {
    font-size: 10px;
    padding: 0 5px;
    margin-top: 7px;
}

.carry-in h1 {
    margin-bottom: 40px;
}

.carry-in h1::before {
    top: 57px;
    left: 33%;
    width: 50px;
}

.carry-in h1::after { 
    top: 52px;
    left: 40%;
    width: 50px;
}

.service-banner {
    padding: 50px 0 40px;
 }

 .school-programs-banner {
    padding: 50px 0 40px;
}

.about-banner {
    padding: 50px 0 40px;
}

.contact-us-banner {
    padding: 50px 0 40px;
}

.iphone-repair-banner {
    padding: 50px 0 40px;
}

.iphad-repair-banner {
    padding: 50px 0 40px;
    background-position: 15% 30%;
}

.ipod-repair-banner {
    padding: 50px 0 40px;
    background-position: 10% 30%;
}

.oppo-repair-banner {
    padding: 50px 0 40px;
}

.pixel-repair-banner {
    padding: 50px 0 40px;
}

.oneplus-repair-banner {
    padding: 50px 0 40px;
}

.blackberry-repair-banner {
    padding: 50px 0 40px;
}

.samsung-repair-banner {
    padding: 50px 0 40px;
}

.sony-repair-banner {
    padding: 50px 0 40px;
 }

 .nokia-repair-banner {
    padding: 50px 0 40px;
}

.htc-repair-banner {
    padding: 50px 0 40px;
 }

.lg-repair-banner {
    padding: 50px 0 40px;
}

 .top-banner-bar ul li {
    font-size: 13px;
}

.matter-in p {
    line-height: 26px;
    font-size: 15px;
    text-align: justify;
}

.modal-title {
    font-size: 15px;
}

.school-programs .form-control {
    font-size: 13px;
}

.about-sec h2 {
    font-size: 16px;
}

.about-sec {
    padding: 0 10px;
    height: 160px;
}

.contact-box {
    text-align: center;
    padding: 25px;
    height: 130px;
    margin-bottom: 15px;
}

.contact-box span {
    font-size: 16px;
}

.contact-box h4 {
    font-size: 15px;
}

.contact-box p{
	text-align: center;
	font-size: 14px;
}

.enmatter input {
    font-size: 13px;
}

.enmatter textarea {
 font-size: 13px;
}

.connect-us h4 {
    margin-bottom: 10px;
    font-size: 15px;
}

.connect-us a {
    padding: 6px 8px;
    font-size: 13px;
}

.connect-us ul li {
    margin: 0 6px;
}

.connect-us::before {
    width: 85%;
 }

 .inner-services h1 {
    font-size: 17px;
}

.inner-service-1 {
    padding: 20px;
    height: 670px;
    margin-bottom: 15px;
}

.inner-services ul li {
    line-height: 26px;
    font-size: 14px;
}

.inner-service-2 {
    padding: 20px;
}

.ipad-repair-box p{
	line-height: 26px;
font-size: 14px;
text-align: justify;
}

.ipad-repair-box {
    height: 382px !important;
    overflow: scroll;
}

.pixel-box li {
    padding: 15px;
}

.left-box img {
    float: left !important;
}

.left-box .pixel-box-matter {
    padding-left: 0px;
    padding-right: 0px;
}

.pixel-box li h4 {
    font-size: 15px;
    margin-top: 0px;
}

.pixel-box-matter p{
	font-size: 14px;
}

.pixel-box-matter {
    padding-left: 0px;
}

.samsung-problem-list li {
    line-height: 26px;
    font-size: 14px;
}

.huawei-repair-banner {
    padding: 50px 0 40px;
}

.microsoft-surface-repair-banner {
    padding: 50px 0 40px;
}

.faq-banner {
    padding: 50px 0 40px;
}

.enter-code .input-group-btn .btn-primary {
   padding: 11px 12px;
font-size: 13px;
width: 100%;
border-radius: 4px;
margin-top: 12px;
}

.input-group {
    float: none;
    width: 100%;
}

#cross {
    right: 14px;
    top: 11px;
    padding: 13px 12px 11px;
}

.enter-code .input-group i {
    top: 13px;
    font-size: 16px;
}

.enter-code2 h3 {
    line-height: 26px;
    font-size: 18px;
}

.enter-code2 h3 color {
    font-size: 25px;
}

.srybox1 {
    margin-bottom: 20px;
    padding: 6px 15px 29px 15px;
}

.srybox1 h4 {
    font-size: 16px;
}

.srybox1 ul li {
    padding: 10px 0;
}

.srybox2 {
    margin-bottom: 20px;
    padding: 6px 15px 25px 15px;
}

.mobile-model {
    padding: 0 20px;
}

.device {
    position: relative;
    padding: 10px 4px;
}

.device img {
    width: 25%;
}

.device p {
    font-size: 14px;
   padding: 4px 0px;
}

.broken-type table th {
    padding: 3px;
    font-size: 12px;
}

.broken-type table tr td {
    padding: 2px 8px;
    font-size: 12px;
}

.model-numbers a {
 font-size: 13px;
}

.wizard-inner .nav-tabs {
    display: inline-block;
}

.nav > div > li > a {
    padding: 10px 12px;
    font-size: 13px;
    display: inline-block;
    width: 250px;
}

.nav-tabs > div > li {
    margin-top: 12px;
}

.iphone-model-numbers .modal-header h4 i {
    font-size: 20px;
    padding-right: 3px;
}

.iphone-model-numbers p {
    font-size: 13px;
}

.iphone-model-list img {
    width: 100%;
    margin-bottom: 10px;
}

.models-table tr th {
    padding: 6px 10px;
    font-size: 13px;
}

.models-table tr td {
    padding: 6px 10px;
    font-size: 13px;
}

.issue-continue .btn-default {
    font-size: 15px;
    width: 100%;
    padding: 10px;
    white-space: normal;
}

.school-programs .modal-header {
    text-align: left;
}

.booking-contact-detail {
    padding: 20px 6px;
    margin: 15px 0;
}

.booking-contact-detail label{
	font-size: 13px;
}

.booking-contact-detail .form-control {
    font-size: 13px;
}

.broken-type{
text-align: center;
}

.broken-type-2 {
text-align: center;
}

footer {
    padding: 35px 0;
    }

footer .f2 h4 .i2 {
    font-size: 6px;
}

footer .f2 h4 .i1 {
    font-size: 6px;
}

footer .f1 a {
    font-size: 14px;
}

footer .f2 h4 {
    margin-bottom: 18px;
    font-size: 16px;
}

}


@media (min-width: 480px) and (max-width: 736px){
	header {
	padding: 20px 0 0px;
	z-index: 999;
	position: relative;
	width: 100%;
}

.m-slide{
display: block !important;
}

.desktop-slide{
	display: none !important;
}

.logo{
	
	text-align: center;
}

.home-coupon p {
font-size: 12px;
padding: 2px 0px;
transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
bottom: 57px;
right: 26px;
}

.navigation {
    padding-left: 0px;
}

.enter-code .input-group-btn .btn-primary {
   padding: 11px 12px;
font-size: 13px;
width: 100%;
border-radius: 4px;
margin-top: 12px;
}

.input-group {
    float: none;
    width: 100%;
}

#cross {
    right: 14px;
    top: 11px;
    padding: 13px 12px 11px;
}

.g-recaptcha{
display: inline-block;
}

.g-recaptcha div{
	text-align: center;
}

.m-btn{
	text-align: center;
	margin-top: 10px;
}

.logo img{
	
	text-align: center;
	width: 56%;
}
.navbar-inverse {
	background: #0c0c0c;
	border: none;
	margin: 10px 0 0 0px;
}

.carousel-caption h1 {
	font-size: 29px;
	text-shadow: none;
	margin-bottom: 40px;
	color: #e31e24;
}
.box {
	background: #fff;
	padding: 20px 13px;
	border-top: 4px solid #F00;
	position: relative;
	width: 100%;
	top: 35px;
}
.box h2 {
	font-size: 20px;
}
.box ul li {
	list-style: none;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	color: #000;
	font-weight: 400;
	letter-spacing: 0px;
}
.box ul li i {
	color: red;
	font-size: 15px;
	position: relative;
	top: 4px;
}
.sec-2 {
	background: url(../images/pattern3.png) #474747;
	padding: 50px 0 80px 0;
}


.rep h1 {
    font-size: 24px;
}

.rep h4::after {
    left: 123px;
}

.rep h4::before {
    left: 114px;
}

.icon i img {
    width: 20%;
}

.box::after {
	content: "";
	background: #fff;
	position: absolute;
	bottom: -20px;
	height: 40px;
	width: 40px;
	transform: rotate(45deg);
	left: 43%;
	z-index: 0;
}
.icon {
margin: 25px 0 0;
}
.models {
	margin-top: 35px;
}
.sl ul {
    background: #fff;
    padding: 0px 25px;
    margin-top: 50px;
}
.enmatter a {
	background: #CB1A20;
	padding: 18px 40%;
	color: #fff;
	top: 14px;
	position: relative;
}
.sec-7 .a1 {
	margin-right: 0;
	padding: 25px 55px;
}
.sec-7 .a2 {
	background: #fff;
	color: red;
	padding: 25px 55px;
	position: relative;
	top: 30px;
}
.sec-7 {
	padding: 50px 0 140px 0;
	text-align: center;
}
.carousel-caption h1 {
	margin-bottom: 15px;
	font-size: 20px;
	
}
.carousel-caption a {
	transition: none 0s ease 0s;
	text-align: inherit;
	line-height: 40px;
	border-width: 1px;
	margin: 0px;
	padding: 0px 15px;
	letter-spacing: 2px;
	font-weight: 300;
	font-size: 10px;
	height: 41px;
	border: 1px solid #090909;
	background: transparent;
	display: inline-block;
	position: relative;
	z-index: 1;
	overflow: hidden;
	color: #0b0b0b;
}


.sec-2 h1 {
    font-size: 24px;
}

.sec-4 h1 {
    margin-bottom: 0px;
    font-size: 24px;
}

.models h3{
	font-size: 18px;
}

.models a {
    padding: 12px 0px;
}

.sec-5 h3 {
    font-size: 18px;
}

.sec-5 h1 {
   font-size: 24px;
    margin-bottom: 0px;
}

.panel-heading h4 {
    font-size: 18px;
    padding: 6px 0;
}

.enmatter h1 {
    line-height: 40px;
    font-size: 24px;
}

.enmatter textarea {
    margin-bottom: 20px;
}


.enmatter a {
	background: #CB1A20;
	padding: 12px 40%;
	color: #fff;
	top: 14px;
	position: relative;
}

.sec-7 h1 {
    font-size: 36px;
}

.sec-7 p {
    font-size: 16px;
}

.sec-7 .a1 {
	margin-right: 15px;
	padding: 15px 40px;
}
.sec-7 .a2 {
	background: #fff;
	color: red;
	padding: 15px 20px;
	position: relative;
	top: 30px;
}
.sec-7 {
	padding: 50px 0 140px 0;
	text-align: center;
}

.sec-5 {
    background-position: center;
}

.check h1 {
    font-size: 22px;
    margin-bottom: 6px;
}


.check h5 {
    font-size: 15px;
    margin-bottom: 15px;
}

.check {
    padding: 40px 0;
    }

    .school-programs .modal-header .close {
    padding: 5px 8px 10px;
    }

.banner-matter h1 {
    font-size: 18px;
}


.top-banner-bar {
    padding-left: 12px;
}

.matter-in h1 {
    font-size: 24px;
    margin-top: 0px;
}

.cry-reair {
    font-size: 12px;
    }

    .carry-in{
    	margin-top: 30px;
    }

 .carry-box { 
    height: 150px;
    width: 150px;
    margin-bottom: 15px;
}

.carry-box span {
    font-size: 20px;
    margin-top: 30px;
}

.carry-in h4 {
    font-size: 12px;
    padding: 0 5px;
}

.carry-in h1 {
    margin-bottom: 40px;
}

.carry-in h1::before {
    top: 38px;
    left: 33%;
    width: 70px;
}

.carry-in h1::after { 
    top: 35px;
    left: 40%;
    width: 70px;
}


.top-box {
    border-right: 0px solid #808080;
    margin-top: 10px;
    display: inline-block;
}

.top-box i {
    font-size: 14px;
    position: relative;
top: 9px;
}

.top-box .top-text {
    margin-left: 20px;
}

.top-box .top-text h4 {
    font-size: 13px;
}

.top-box .top-text p {
    font-size: 10px;
    margin: 0px;
}

.fix-device a {
    padding: 8px 14px;
    display: inline-block;
    font-size: 13px;
}

.fix-device {
    margin:20px 0px;
}

.header-top {
    text-align: center;
    margin-bottom: 0px;
}

.carousel-caption p{
	font-size: 11px;
text-align: center;
margin-bottom: 15px;
}

.sec-2 h1 {
    font-size: 22px;
}

.sec-2 p {
    font-size: 14px;
}

.logo{
	
	text-align: center;
}

.navbar-inverse {
	background: #0c0c0c;
	border: none;
	margin: 6px 0px;
}

.navbar-inverse .navbar-toggle {
    border-color: #e31e24;
}

.navbar-toggle {
    background-color: #e31e24
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #e31e24;
}

.navbar-nav > li {
    float: none;
    display: block;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    font-size: 14px;
    text-align: left;
}

.navbar-nav .open .dropdown-menu {
    background-color: #292929;
    border-radius: 0px; 
    }

.how-work-box-2 {
    padding: 0px;
}


.carousel-caption {

	position: relative;
	text-align: center;
	top: 0px;
	padding: 15px 6px;
	left: 0px;
	background:#000; 
/*  background-color: rgba(0, 0, 0, 0.6);*/

}
.carousel-caption h1 {
	font-size: 17px;
	text-shadow: none;
	margin-bottom: 40px;
	color: #e31e24;
}



.how-work-box-image img {
    border-radius: 0px;
    width: 100%;
}

.how-work-box {
    padding: 0px;
    }

.get-rep h4::before {
    height: 6px;
    left: 23%;
    width: 6px;
    top: 3px;
}

.get-rep h4::after {
    height: 6px;
    left: 25%;
    width: 6px;
    top: 3px;
}

.get-rep h4 {
    font-size: 13px;
 }

.how-work {
    padding: 25px 0;
}

.get-rep h1 {
    font-size: 1.7em;
    margin-top: 10px;
}

.how-work-text span {
    font-size: 22px;
}

.how-work-text h4 {
    font-size: 15px;
    }

.how-work-text {
    padding: 15px 5px;
}

.box {
	background: #fff;
	padding: 20px 13px;
	border-top: 4px solid #F00;
	position: relative;
	width: 100%;
	top: 35px;
}
.box h2 {
	font-size: 20px;
}
.box ul li {
	list-style: none;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	color: #000;
	font-weight: 400;
	letter-spacing: 0px;
}
.box ul li i {
	color: red;
	font-size: 15px;
	position: relative;
	top: 4px;
}
.sec-2 {
	background: url(../images/pattern3.png) #474747;
	padding: 50px 0 75px 0;
}

.rep h1 {
    font-size: 24px;
    margin-top: 0px;
}

.rep h4::before {
    left: 38px;
}

.rep h4::after {  
    left: 47px;
 }

.icon i img {
    width: 20%;
}

.icon p {
    font-size: 12px;
}

.box::after {
	content: "";
	background: #fff;
	position: absolute;
	bottom: -20px;
	height: 40px;
	width: 40px;
	transform: rotate(45deg);
	left: 43%;
	z-index: 0;
}
.icon {
margin: 25px 0 0;
}
.models {
	margin-top: 35px;
}

.sec-4 h1 {
    margin-bottom: 0px;
    font-size: 24px;
}

.models h3{
	font-size: 16px;
}

.models a {
    padding: 8px 0px;
font-size: 13px;
    }

.sec-8 .use-imobile h3 {
    font-size: 13px;
}

.sec-8 h3 .i2 {
font-size: 6px;
}

.sec-8 h3 .i1 {
 font-size: 6px;
}

.sec-8 .use-imobile h1 {
    font-size: 23px;
    margin-top: 0px;
    }

.sec-8 .sec-8-box span {
    font-size: 16px;
    height: 50px;
    width: 50px;
    line-height: 50px;
}

.sec-8 .sec-8-box {
    padding: 25px 15px;
    height: 215px;
}

.sec-8 .sec-8-box h2 {
    font-size: 16px;
}

.sec-8 .sec-8-box p {
    font-size: 14px;
}


.sl ul {
    background: #fff;
    padding: 0px 25px;
    margin-top: 35px;
}


.sl ul li a {
    font-size: 13px;
}

.sec-5 h3 {
    font-size: 14px;
}

.sec-5 h1 {
    margin-bottom: 10px;
    font-size: 20px;
}

.sec-5 h3 .i1 {
    font-size: 6px;
}

.sec-5 h3 .i2 {
    font-size: 6px;
}

.panel-heading h4 {
    font-size: 16px;
    padding: 6px 0;
}

.panel-heading h4 a i {
    font-size: 14px;
    }

 .panel-collapse .panel-body {
    font-size: 14px;
}

.allv p a {
    padding: 10px 26px;
    font-size: 13px;
    }

.sec-5 {
    background-position: center;
    padding: 25px 0;
}

.controls .btn-success {
padding: 4px 6px;
	}

.hd {
    font-size: 14px;
    }

.enmatter h1 {
    line-height: 40px;
    font-size: 24px;
}

.enmatter textarea {
    margin-bottom: 20px;
}


.enmatter a {
	background: #CB1A20;
	padding: 12px 40%;
	color: #fff;
	top: 14px;
	position: relative;
}

.sec-6-box {
    padding: 30px 30px 20px;
    height: 290px;
}

.sec-6-box img {
    width: 10%;
}

.sec-6-box h2 {
    font-size: 20px;
    margin-bottom: 10px;
}

.sec-6-box p {
    line-height: 24px;
    font-size: 13px;
}

.sec-6-box-2 {
    padding: 30px 30px 20px;
    height: 300px;
}

.sec-6-box-2 img {
    width: 10%;
}

.sec-6-box-2 h2 {
  font-size: 20px;
    margin-bottom: 10px;
}

.sec-6-box-2 p {
    line-height: 24px;
    font-size: 13px;
}

.review h4 {
    font-size: 13px;
}

.review h4::before {
    height: 6px;
    left: 25%;
    width: 6px;
    top: 5px;
}

.review h4::after {
    height: 6px;
    left: 28%;
    width: 6px;
    top: 5px;
}

.review h1 {
    font-size: 23px;
}

.slick-next {
    right: 39% !important;
    top: 470px !important;
}

.slick-prev {
    left: 39% !important;
    top: 470px !important;
}

.single-testimonial .testimonial-img img {
    width: 56%;
    display: inline-block;
}

.single-testimonial p {
    margin-top: 15px;
}

.single-testimonial .testimonial-img p {
  margin-top: 0px;
}

.slick-prev::before, .slick-next::before {
    font-size: 14px !important;
    }

.slick-prev::after, .slick-next::after {
    height: 30px;
    width: 35px;
    left: -6px;
    top: -6px;
}

.slick-slide {
    height: 420px !important;
    overflow: scroll;
}

.sec-7 h1 {
    font-size: 36px;
}

.sec-7 p {
    font-size: 16px;
}

.sec-7 .a1 {
	margin-right: 0;
	padding: 15px 20px;
}
.sec-7 .a2 {
	background: #fff;
	color: red;
	padding: 15px 20px;
	position: relative;
	top: 65px;
display: inline-block;
}
.sec-7 {
	padding: 50px 0 140px 0;
	text-align: center;
}
.carousel-caption h1 {
	margin-bottom: 6px;
	text-align: center;
color: #fff;
margin-top: 8px;
}
.carousel-caption a {
transition: none 0s ease 0s;
text-align: inherit;
line-height: 34px;
border-width: 1px;
margin: 0px;
padding: 0px 10px;
letter-spacing: 2px;
font-weight: 300;
font-size: 11px;
height: 34px;
border: 1px solid #fff;
background: transparent;
display: inline-block;
position: relative;
z-index: 1;
overflow: hidden;
color: #fff;
}

.carousel-caption a::before {
    background: #e31e24;
}

.counter h2 {
    font-size: 23px;
}

.counter p {
    font-size: 14px;
}

.counter {
    border-right: 0px solid #aaa;
}

.employee-p span {
    top: 5px;
    font-size: 30px;
    right: 33%;
}

.design-p span { 
    top: 4px;
    font-size: 30px;
    right: 33%;
}

.counter-section {
    padding: 30px 0;
}

.sec-4 h4 .i1 {
    font-size: 6px;
    top: -2px;
}

.sec-4 h4 .i2 {
    font-size: 6px;
    top: -2px;
}

.sec-4 h4 {
   font-size: 13px;
}

.models p {
    font-size: 13px;
    text-align: justify;
}

.check h1 {
    font-size: 18px;
    margin-bottom: 8px;
}

.check h5 {
    font-size: 12px;
}

.check {
    padding: 40px 10px;
 }


.booking-border h2 {
    font-size: 18px;
}

.type-device h2 em {
    font-size: 14px;
    padding: 4px 8px;
    top: -1px;
}

.check a {
    padding: 8px 20px;
}

.banner-matter h1 {
    font-size: 16px;
}


.top-banner-bar {
    padding-left: 12px;
}

.matter-in h1 {
    font-size: 20px;
    margin-top: 0px;
}

.school-programs a { 
    padding: 10px;
    font-size: 13px;
}

.school-programs .modal-header .close {
    padding: 5px 8px 10px;
    }


 .onsite-link a {
    padding: 8px 10px;
    font-size: 13px;
}

.cry-reair {
    font-size: 12px;
    }

    .carry-in{
    	margin-top: 10px;
    	padding: 20px 0;
    }

 .carry-box { 
    height: 110px;
    width: 110px;
    margin-bottom: 15px;
}

.carry-box span {
    font-size: 16px;
    margin-top: 16px;
}

.carry-in h4 {
    font-size: 10px;
    padding: 0 5px;
    margin-top: 7px;
}

.carry-in h1 {
    margin-bottom: 40px;
}

.carry-in h1::before {
    top: 57px;
    left: 33%;
    width: 50px;
}

.carry-in h1::after { 
    top: 52px;
    left: 40%;
    width: 50px;
}

.service-banner {
    padding: 50px 0 40px;
 }

 .school-programs-banner {
    padding: 50px 0 40px;
}

.about-banner {
    padding: 50px 0 40px;
}

.contact-us-banner {
    padding: 50px 0 40px;
}

.iphone-repair-banner {
    padding: 50px 0 40px;
}

.iphad-repair-banner {
    padding: 50px 0 40px;
    background-position: 15% 30%;
}

.ipod-repair-banner {
    padding: 50px 0 40px;
    background-position: 10% 30%;
}

.oppo-repair-banner {
    padding: 50px 0 40px;
}

.pixel-repair-banner {
    padding: 50px 0 40px;
}

.oneplus-repair-banner {
    padding: 50px 0 40px;
}

.blackberry-repair-banner {
    padding: 50px 0 40px;
}

.samsung-repair-banner {
    padding: 50px 0 40px;
}

.sony-repair-banner {
    padding: 50px 0 40px;
 }

 .nokia-repair-banner {
    padding: 50px 0 40px;
}

.htc-repair-banner {
    padding: 50px 0 40px;
 }

.lg-repair-banner {
    padding: 50px 0 40px;
}

 .top-banner-bar ul li {
    font-size: 13px;
}

.matter-in p {
    line-height: 26px;
    font-size: 15px;
    text-align: justify;
}

.modal-title {
    font-size: 15px;
}

.school-programs .form-control {
    font-size: 13px;
}

.about-sec h2 {
    font-size: 16px;
}

.about-sec {
    padding: 0 10px;
    height: 118px;
}

.contact-box {
    text-align: center;
    padding: 25px;
    height: 130px;
    margin-bottom: 15px;
}

.contact-box span {
    font-size: 16px;
}

.contact-box h4 {
    font-size: 15px;
}

.contact-box p{
	text-align: center;
	font-size: 14px;
}

.enmatter input {
    font-size: 13px;
}

.enmatter textarea {
 font-size: 13px;
}

.connect-us h4 {
    margin-bottom: 10px;
    font-size: 15px;
}

.connect-us a {
    padding: 6px 8px;
    font-size: 13px;
}

.connect-us ul li {
    margin: 0 6px;
}

.connect-us::before {
    width: 85%;
 }

 .inner-services h1 {
    font-size: 17px;
}

.inner-service-1 {
    padding: 20px;
    height: 420px;
    margin-bottom: 15px;
}

.inner-services ul li {
    line-height: 26px;
    font-size: 14px;
}

.inner-service-2 {
    padding: 20px;
}

.ipad-repair-box p{
	line-height: 26px;
font-size: 14px;
text-align: justify;
}

.ipad-repair-box {
    height: 260px !important;
    overflow: scroll;
}

.pixel-box li {
    padding: 15px;
    height: 148px;
}

.left-box img {
    float: left !important;
}

.left-box .pixel-box-matter {
    padding-left: 0px;
    padding-right: 0px;
}

.pixel-box li h4 {
    font-size: 15px;
    margin-top: 0px;
}

.onsite-img img{
	width: 100%;
}
 
.pixel-box-matter p{
	font-size: 14px;
}

.pixel-box-matter {
    padding-left: 0px;
}

.samsung-problem-list li {
    line-height: 26px;
    font-size: 14px;
}

.huawei-repair-banner {
    padding: 50px 0 40px;
}

.microsoft-surface-repair-banner {
    padding: 50px 0 40px;
}

.faq-banner {
    padding: 50px 0 40px;
}

.enter-code .input-group-btn .btn-primary {
    padding: 11px 12px;
    font-size: 13px;
}

.enter-code .input-group i {
    top: 13px;
    font-size: 16px;
    right: 16px;
}

.enter-code2 h3 {
    line-height: 26px;
    font-size: 18px;
}

.enter-code2 h3 color {
    font-size: 25px;
}

.srybox1 {
    margin-bottom: 20px;
    padding: 6px 15px 29px 15px;
}

.srybox1 h4 {
    font-size: 16px;
}

.srybox1 ul li {
    padding: 10px 0;
}

.srybox2 {
    margin-bottom: 20px;
    padding: 6px 15px 25px 15px;
}

.mobile-model {
    padding: 0 20px;
}

.device {
    position: relative;
    padding: 10px 4px;
}

.device img {
width: 25%;
}

.device p {
  font-size: 14px;
   padding: 4px 0px;
}

.broken-type table th {
    padding: 3px;
    font-size: 12px;
}

.broken-type table tr td {
    padding: 2px 8px;
    font-size: 12px;
}

.model-numbers a {
 font-size: 13px;
}

.wizard-inner .nav-tabs {
    display: inline-block;
}

.nav > div > li > a {
    padding: 10px 12px;
    font-size: 13px;
    display: inline-block;
    width: 375px;
}

.nav-tabs > div > li {
    margin-top: 12px;
}

.iphone-model-numbers .modal-header h4 i {
    font-size: 20px;
    padding-right: 3px;
}

.iphone-model-numbers p {
    font-size: 13px;
}

.iphone-model-list img {
    width: 100%;
    margin-bottom: 10px;
}

.models-table tr th {
    padding: 6px 10px;
    font-size: 13px;
}

.models-table tr td {
    padding: 6px 10px;
    font-size: 13px;
}

.issue-continue .btn-default {
    font-size: 15px;
    width: 100%;
    padding: 10px;
    white-space: normal;
}

.school-programs .modal-header {
    text-align: left;
}

.booking-contact-detail {
    padding: 20px 6px;
    margin: 15px 0;
}

.booking-contact-detail label{
	font-size: 13px;
}

.booking-contact-detail .form-control {
    font-size: 13px;
}

.broken-type{
text-align: center;
}

.broken-type-2 {
text-align: center;
}

footer {
    padding: 35px 0;
    }

footer .f2 h4 .i2 {
    font-size: 6px;
}

footer .f2 h4 .i1 {
    font-size: 6px;
}

footer .f1 a {
    font-size: 14px;
}

footer .f2 h4 {
    margin-bottom: 18px;
    font-size: 16px;
}
}


@media (min-width:768px) and (max-width:980px){

.top-box {
    border-right: 1px solid #808080;
    margin-top: 8px;
    margin-left: -22px;
}

.top-box i {
    font-size: 13px;
    padding-right: 4px;
}

.top-box .top-text {
    margin-left: 3px;
}

.top-box .top-text h4 {
    font-size: 12px;
}

.top-box .top-text p {
    font-size: 10px;
}

.fix-device {
    margin-top: 14px;
    margin-left: -15px;
}

.fix-device a {  
    padding: 6px;
    font-size: 10px;
    width: 100%;
}

.navbar-inverse .navbar-nav > li > a {
    font-size: 14px;
    padding: 10px 8px;
}



.enter-code .input-group .form-control {
    padding: 6px 80px 6px 12px;
}

.carousel-caption {
    top:8%; 
    bottom:8%;
    padding-left: 20px;
}

.carousel-caption h1 {
    font-size: 1.9em;
    text-shadow: none;
    margin-bottom: 20px;
    color: #fff;
    text-shadow: 0 2px 2px #757575;
    margin: 10px 0px;
}

.carousel-caption p {
    font-size: 15px;
    margin-bottom: 18px;
}

.carousel-caption a {
    line-height: 47px; 
    padding: 0px 22px;
    font-size: 14px;
    height: 45px;
}

.get-rep h4::before {
    left: 31%;
    top: 3px;
}

.get-rep h4::after {
    left: 33%;
    top: 3px;
}

.get-rep h4 {
    font-size: 15px;
}

.get-rep h1 {
    font-size: 1.9em;
    margin-top: 15px;
}

.how-work-box-image img {
    border-radius: 0px;
    width: 100%;
}

.how-work-box {
    padding-right: 0px;
}

.how-work-text span {
    font-size: 25px;
}

.how-work-text {
    padding: 12px 10px;
}

.how-work-box-2 {
    padding-right: 0px;
}

.sec-6-box {
    padding: 32px 10px 20px;
    height: 460px;
}

.sec-6-box img {
    width: 12%;
}

.sec-6-box h2 {
    font-size: 18px;
    margin-bottom: 10px;
}

.sec-6-box p {
    font-size: 13px;
}

.sec-6-box-2 {
    padding:32px 10px 20px;
    height: 460px;
}

.sec-6-box-2 h2{
	  font-size: 18px;
    margin-bottom: 10px;
}

.sec-6-box-2 p {
    font-size: 13px;
}

.review h4::before {
    left: 38%;
}

.review h4::after {
    left: 40%;
}

.review h1 {
    font-size: 25px;
}

.single-testimonial p {
    overflow: scroll;
    height: 150px;
}

.single-testimonial .testimonial-img p {
    padding: 5px 0px;
    height: auto;
}

.slick-prev {
    left: 45% !important;
}

.slick-next {
    right: 45% !important;
}

.counter h2 {
    font-size: 30px;
}

.employee-p span {
    top: 10px;
    font-size: 30px;
    right: 25%;
}

.design-p span {
    top: 10px;
    font-size: 30px;
    right: 25%;
}

.sec-4 h1 {
    margin-bottom: 30px;
    font-size: 30px;
}

.models h3{
font-size: 20px;
}

.models a {
    padding: 10px 0px;
 }

 .sec-8 .use-imobile h1 {
    font-size: 30px;
}

.sec-8 .sec-8-box {
    padding: 25px 15px;
}

.sec-8 .sec-8-box span {
    font-size: 20px;
    height: 55px;
    width: 55px;
    line-height: 55px;
}

.sec-8 .sec-8-box h2 {
    font-size: 18px;
}

.sec-5 h1 {
 font-size: 30px;
    margin-bottom: 35px;
}

.panel-heading h4 {
    font-size: 16px;
 }

.panel-collapse .panel-body {
    font-size: 15px;
}

.allv p a {
    padding: 10px 28px;
}

.banner-matter h1 {
    font-size: 22px;
}

.school-programs-banner {
    padding: 70px 0 40px;
}

.about-banner {
    padding: 70px 0 40px;
}

.contact-us-banner {
    padding: 70px 0 40px;
}

.service-banner {
    padding: 70px 0 40px;
}

.iphone-repair-banner {
    padding: 70px 0 40px;
 }

.iphad-repair-banner {
    padding: 70px 0 40px;
}

.ipod-repair-banner {
    padding: 70px 0 40px;
}

.oppo-repair-banner {
    padding: 70px 0 40px;
}

.pixel-repair-banner {
    padding: 70px 0 40px;
}

.faq-banner {
    padding: 70px 0 40px;
}

.oneplus-repair-banner {
    padding: 70px 0 40px;
}

.blackberry-repair-banner {
    padding: 70px 0 40px;
}

.samsung-repair-banner {
    padding: 70px 0 40px;
}

.sony-repair-banner {
    padding: 70px 0 40px;
}

.nokia-repair-banner {
    padding: 70px 0 40px;
}

.htc-repair-banner {
    padding: 70px 0 40px;
}

.lg-repair-banner {
    padding: 70px 0 40px;
}

.huawei-repair-banner {
    padding: 70px 0 40px;
}

.microsoft-surface-repair-banner {
    padding: 70px 0 40px;
}

.top-banner-bar {
    padding-left: 24px;
}

.matter-in {
    padding: 30px 0px;
}

.matter-in h1 {
    font-size: 25px;
}

.about-sec h2 {
    font-size: 18px;
 }

 .about-sec {
	padding: 0 15px;
	height: 206px;
}

.about-sec h2 {
    font-size: 18px;
}

.about-sec p{
    font-size: 14px;
    line-height: 26px;
}

.contact-box {
    padding: 25px 12px;
    height: 135px;
}

.contact-box span {
    font-size: 15px;
    padding-bottom: 5px;
}

.contact-box h4 {
    font-size: 14px;
    margin-bottom: 0px;
}

.contact-box p{
	font-size: 15px;
}

.onsite-link a {
    padding: 10px 12px;
}

.carry-box {
    margin-bottom: 15px;
}

.check h1 {
    font-size: 20px;
    margin-bottom: 18px;
}

.enter-code .input-group i {
    right: 12px;
 }


 #cross {
    padding: 13px 12px 12px;

}

 .inner-services h1 {
    font-size: 24px;
}

.inner-service-1 {
    padding: 20px;
    height: 660px;
 }

 .ipad-repair-box {
    height: 560px !important;
}

.inner-service-2 {
    padding: 20px;
    height: 660px;
}

.pixel-box li {
    padding: 15px;
    height: 248px;
}

.pixel-box li img {
    width: 23%;
}

.pixel-box li h4 {
    font-size: 15px;
    margin-top: 0px;
}

.left-box .pixel-box-matter {
    padding-left: 0px;
    padding-right: 0px;
}

.pixel-box-matter p {
    font-size: 14px;
    line-height: 26px;
}

.pixel-box-matter {
    padding-left: 0px;
}

.enter-code2 h3 color {
    font-size: 26px;
}

.enter-code2 h3 {
    font-size: 20px;
}


.booking-border h2 {
    font-size: 20px;
 }

.type-device h2 em {
    font-size: 13px;
    padding: 4px 8px;
    top: -2px;
}

.mobile-model {
    padding: 0px 0px;
}

.nav > div > li > a {
    display: inline-block;
}

.nav-tabs > div > li {
    margin-top: 10px;
}

 
 footer .f2 h4 {
    margin-bottom: 15px;
}

}


@media (width:1024px){

.top-box {
    margin-top: 12px;
}

.top-box i {
    padding-right: 4px;
}

.enter-code .input-group .form-control {
    padding: 6px 35px 6px 12px;
}

.top-box .top-text {
    margin-left: 3px;
}

.top-box .top-text p {
    font-size: 11px;
}

.fix-device {
    margin-top: 14px;
}

.fix-device a {  
padding: 6px;
font-size: 13px;
width: 100%;
display: block;
text-align: center;
}

.navbar-inverse .navbar-nav > li > a {
    font-size: 15px;
    padding: 10px 18px;
}



.carousel-caption {
    top: 16%;
    bottom: 22%;
    padding-left: 28px;
}

.carousel-caption h1 {
    font-size: 2em;
    margin-top: 0px;
}

.carousel-caption p {
    font-size: 16px;
    margin-bottom: 20px;
}

.carousel-caption a {  
    line-height: 50px;
    padding: 0px 20px;
    font-size: 14px;
    height: 50px;
}

.get-rep h4::before {
    left: 35%;
}

.get-rep h4::after {
    left: 36%;
}

.get-rep h1 {
    font-size: 2.3em;
 }

.how-work-text {
    padding: 12px 0 0;
}

.how-work-text span {
    font-size: 22px;
}

.how-work-text h4 {
    font-size: 14px;
    margin-bottom: 3px;
}

.how-work-text p {
    font-size: 13px;
}

.sec-6-box {
    padding: 70px 28px 50px;
}

.sec-6-box h2 {
    font-size: 24px;
    margin-bottom: 18px;
}

.sec-6-box-2 h2 {
    font-size: 24px;
    margin-bottom: 18px;
}

.sec-6-box-2 {
    padding: 70px 28px 50px;
}

.banner-matter h1 {
    font-size: 24px;
  }

.top-banner-bar {
    padding-left: 42px;
}

.enter-code .input-group i {
    right:10px;
}

#cross {
    right: -27px;
    padding: 13px 12px 12px;
}

.slick-next {
    right: 46% !important;
}

.slick-prev {
    left: 46% !important;
}

.sec-8 .sec-8-box {
    padding: 18px 20px 10px;
}

.sec-8 .sec-8-box span {
    font-size: 22px;
    height: 65px;
    width: 65px;
    line-height: 65px;
}

.sec-8 .sec-8-box h2 {
    font-size: 23px;
}

.about-sec h2 {
    font-size: 18px;
    margin-top: 10px;
}

.about-sec {
    height: 165px;
}

.contact-box {
    height: 150px;
}

.inner-services h1 {
    font-size: 25px;
}

.inner-service-2 {
    padding: 25px;
}

.ipad-repair-box {
    height: 426px;
}

.pixel-box li {
    height: 285px;
}

.left-box .pixel-box-matter {
    padding-right: 55px;
}

.pixel-box-matter {
    padding-left: 55px;
}




footer .f2 ul li {
    display: block;
    padding-right: 6px;
}

}