Repair Page

body {

margin:0;
}

.top_banner
{
width:100%;
height:auto;
float: left;
background-color:rgba(100,178,246,0.85);
}
.repair_titles
{
width:50%;
height:auto;
text-align: center;
float: left;
color: white;
margin-top:20px;
}
.repair_titles h1
{
font-weight:700;
margin-top:60px;
}
.repair_titles h3
{
font-size:15pt;
}
.repair_titles button
{
color: black;
height:45px;
width:170px;
margin-top:20px;
margin-bottom:20px;
background-color:white;
border: none;
font-weight:700;
border-radius:20px;
}

.repair_image
{
width:50%;
height:auto;
margin-top:40px;
margin-bottom:60px;
float: left;
text-align: center;
}

.repair_image img
{
width:90%;
max-width:430px;

}

/* Style the tab */
.tab {
width:100%;
margin-top:60px;
float: left;
overflow: hidden;
}

/* Style the buttons inside the tab */
.tab button {
background-color: inherit;
float: left;
border: none;
outline: none;
color:blue;
font-weight:700;
cursor: pointer;
padding: 14px 16px;
transition: 0.3s;
font-size: 17px;
}

/* Create an active/current tablink class */
.tab button.active {
border-bottom:2px solid blue;
}

/* Style the tab content */
.tabcontent {
width:80%;
margin-left:10%;
margin-top:50px;
display: none;
float: left;
border-top: none;
}
.repair_part
{
width:33%;
float: left;
}
.repair_part img
{
margin-top: 30px;
}
.repair_part p
{
line-height:25px;
}
.repair_part p a
{
color: brown;
font-weight:700;
text-decoration: none;
}

@media (max-width:1200px) and (min-width:993px)
{
.tabcontent {
width:94%;
margin-left:3%;
}

}

@media only screen and (max-width:992px)
{

.tabcontent {
width:90%;
margin-left:5%;
}

.repair_part
{
width:100%;
}
}

@media only screen and (max-width:768px)
{
.repair_titles
{
width:94%;
margin-left:3%;
}

.repair_image
{
width:94%;
margin-left:3%;
}

}

/*products slider*/

#products_heading
{
margin-bottom:60px;
width:100%;
float: left;
text-align: center;
margin-top:50px;
}
.item button
{
background-color:blue;
color:white;
height:40px;
width:120px;
border: none;
border-radius:20px;
}

#slider-control img{
padding-top: 60%;
margin: 0 auto;
}

#smartphone img
{
margin-top:75px;
}

#smartphone2 img
{
margin-top:60px;
}
#smartphone3 img
{
margin-top:100px;
}

@media screen and (max-width: 992px){
#slider-control img {
padding-top: 70px;
margin: 0 auto;
}
}

.carousel-showmanymoveone .carousel-control {
width: 4%;
background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
margin-left: 5px;
}
.carousel-showmanymoveone .carousel-control.right {
margin-right: 5px;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3,
.carousel-showmanymoveone .cloneditem-4,
.carousel-showmanymoveone .cloneditem-5 {
display: none;
}
@media all and (min-width: 768px) {
.carousel-showmanymoveone .carousel-inner > .active.left,
.carousel-showmanymoveone .carousel-inner > .prev {
left: -50%;
}
.carousel-showmanymoveone .carousel-inner > .active.right,
.carousel-showmanymoveone .carousel-inner > .next {
left: 50%;
}
.carousel-showmanymoveone .carousel-inner > .left,
.carousel-showmanymoveone .carousel-inner > .prev.right,
.carousel-showmanymoveone .carousel-inner > .active {
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
display: block;
}
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,
.carousel-showmanymoveone .carousel-inner > .item.next {
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.active.left,
.carousel-showmanymoveone .carousel-inner > .item.prev {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.left,
.carousel-showmanymoveone .carousel-inner > .item.prev.right,
.carousel-showmanymoveone .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
@media all and (min-width: 992px) {
.carousel-showmanymoveone .carousel-inner > .active.left,
.carousel-showmanymoveone .carousel-inner > .prev {
left: -16.666%;
}
.carousel-showmanymoveone .carousel-inner > .active.right,
.carousel-showmanymoveone .carousel-inner > .next {
left: 16.666%;
}
.carousel-showmanymoveone .carousel-inner > .left,
.carousel-showmanymoveone .carousel-inner > .prev.right,
.carousel-showmanymoveone .carousel-inner > .active {
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-2,
.carousel-showmanymoveone .carousel-inner .cloneditem-3,
.carousel-showmanymoveone .carousel-inner .cloneditem-4,
.carousel-showmanymoveone .carousel-inner .cloneditem-5,
.carousel-showmanymoveone .carousel-inner .cloneditem-6 {
display: block;
}
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,
.carousel-showmanymoveone .carousel-inner > .item.next {
-webkit-transform: translate3d(16.666%, 0, 0);
transform: translate3d(16.666%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.active.left,
.carousel-showmanymoveone .carousel-inner > .item.prev {
-webkit-transform: translate3d(-16.666%, 0, 0);
transform: translate3d(-16.666%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.left,
.carousel-showmanymoveone .carousel-inner > .item.prev.right,
.carousel-showmanymoveone .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
/*products slider end*/