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*/