@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700&display=swap');


@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700&display=swap');


body {
    
    font-size: 16px;
    line-height: 24px;
    color: #3a3a3a;
	font-weight:300;
	font-family: 'Oxygen', sans-serif;
	margin: 0px;
    padding: 0px;
	
}

.clear
{
clear:both;
}


.responsive {
    width: 100%;
    height: auto;
}


a:hover, a:focus {
    color: #000;
}

.header-top {
    width: 100%;
	float:left;
	background:#fff;
	padding:0px 0px 0px 0px;
	    position: relative;
    height: 100%;

}


.header-logo {
    float: left;
    width: 33%;
    padding: 20px 0px 0px 0px;
    position: relative;
    z-index: 1000;
}
.content_space {
width:100%;
float:left;
padding:43px 0px 0px 0px;

}

.header-line{
float: left;
width:2%;
   
}

.header-right{
float: left;
width:67%;
color:#fff;
background:#c4362a;
   
}


.header-top::after {
    right: 0;
    background-color: #c4362a;
}
.header-top::after, .header-top::before {
    height: inherit;
    content: ' ';
    position: absolute;
    top: 0;
    width: 33%;
}


.header-phone {
    float: left;
    padding: 17px 0px 0 60px;
    position: relative;
    z-index: 10;
}

.header-phone1 {
    float: left;
    padding: 0px 0px 0 0px;
    position: relative;
    z-index: 10;
}

.icons{
	float:left;
	padding-right:15px;
	margin-top:10px;
}

.icons1{
	float:left;
	padding-right:15px;
	margin-top:0px;
}

.subtitle {
	float:left;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}
.subtitle span
{
	font-weight:normal;
	font-size:14px;
    text-transform:none;
}


.menu-row {
width:100%;
float: left;
background:#4b4b4b;

}

.menu-line {

width:2%;
float:left;

}

.menu-bar {
width:98%;
float: left;
background:#4b4b4b;

}

.banner {
width:100%;
float: left;
background-position:center;
background-size: cover;
}

.content-area {
    width: 100%;
    float: left;
    padding: 60px 0px 60px 0px;
}

.content-about {
    width: 100%;
    float: left;
    padding: 40px 0px 40px 0px;
}

.content-about1 {
    width: 100%;
    float: left;
    padding: 0px 0px 40px 0px;
}

.content-about2 {
    width: 100%;
    float: left;
    padding: 0px 0px 40px 0px;
}

.content-about3 {
    width: 100%;
    float: left;
    padding: 0px 0px 40px 0px;
}


.content-about4 {
    width: 100%;
    float: left;
    padding: 20px 0px 0px 0px;
}


.services1 {
    font-size: 32px;
    font-weight: 700;
    color: #dc382a;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
	padding-bottom:30px;
}

.subtitle1 {
    font-size: 32px;
    font-weight: 700;
    color: #4b4b4b;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
	padding-bottom:50px;
}
.subtitle1 span {
    color: #dc382a;
}

.weare {
    font-size: 30px;
    font-weight: 700;
    color: #1a1a1a;
    width: 100%;
	float:left;
	padding:40px 0px 30px 0px;
}


.weare1 {
    font-size: 30px;
    font-weight: 700;
    color: #1a1a1a;
    width: 100%;
	float:left;
	padding:0px 0px 10px 0px;
}


.subtitle2 {
    font-size: 30px;
    font-weight: 700;
    color: #1a1a1a;
    width: 100%;
	float:left;
	padding:40px 0px 30px 0px;
}

.subtitle3 {
    font-size:20px;
    font-weight: 700;
    color: #4b4b4b;
    width: 100%;
	padding:63px 0px 0px 0px;
}

.best-price {
width:50%;
float:left;

}

.icons-1{
float:left;
padding:55px 17px 0px 0px;
}

.readmore {
    width: 50%;
    background: #c61c29;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border-radius: 20px;
    text-align: center;
    padding: 6px;
    margin-top: 37px;
}

.quality {
    width: 100%;
    float: left;
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    padding: 0px 0px 60px 0px;
    background-size: cover;
}


.subtitle4 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    width: 35%;
    padding:105px 0px 26px 0px;
    text-transform: uppercase;
    line-height: 38px;
    text-align: center;
}


.extra{
width:100%;
float: left;
}

.subtitle5 {
    font-size: 70px;
    font-weight: 700;
    color: #fff;
    width: 50%;
    text-transform: uppercase;
    line-height: 60px;
    padding: 63px 0px 0px 0px;
}
.subtitle5 span {
    font-size: 30px;
    font-weight: normal;
    line-height: normal;
}


.provide{
width:100%;
float: left;
padding:0px 0px 50px 0px;
}

.weprovide {
    width: 100%;
    text-align: center;
}

.industries {
    background: #c61c29;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    position: relative;
    display: inline-block;
    bottom: 20px;
}


.industries:hover, a:focus  {
    background: #4b4b4b;
	color:#fff;
   
}

.viewall {
    background: #c61c29;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 10px;
    position: relative;
    display: inline-block;
    margin-top: 30px;
    border-radius: 5px;
}



.viewall:hover, a:focus  {
    background: #4b4b4b;
	color:#fff;
   
}
.gray {
width:100%;
float:left;
background:#efefef;
padding:50px 0px 50px 0px;

}

.majar {
    float: left;
    width: 65%;
	position:relative;
	text-align:center;
	display:inline-block;
}

.ceat-cover {
    float: left;
    width: 100%;
    padding-right: 37px;
}
.ceat {
    float: left;
    width: 30%;
    padding: 0px 20px 16px 20px;
}
.testi {
    float: left;
	width: 35%;
	background:#fff;
	padding:20px 0px 0px 0px;
}

.brands {
    margin: 20px 0 0px 0;
    padding: 8px 21px 8px 21px;
    background: #c61c29;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    position: relative;
    display: none;
   
}


.brands :hover {
    background: #000772;
}
.fade.in {
    opacity: 1;
    background:url(../images/pop-bg.png);
}
.modal-body {
    text-align: center;
    padding: 50px 0px;
}
.popbox_but {
    display: inline-block;
    padding: 10px 20px;
    background: 
#800;
color:
    #fff;
    font-size: 20px;
    text-align: center;
    margin-right: 20px;
}

.popbox_but img {
    margin-right: 10px;
}

.popbox_but span {
    display: inline-block;
    clear: both;
    width: 100%;
}

.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid 
    #e5e5e5;
}
.close {
    opacity: .4;
}
.modal-title {
    color: 
    #1b1b1b;
}

.modal-dialog {
    top: 25%;
}
.modal-footer {
    display: none;
}
.smile {

width:100%;
float:left;
color:#fff;
padding:60px 0px 60px 0px;
background-image:url(../images/footer-bg.png);
background-position:center;
background-repeat:repeat;
background-size: cover;

}

.subtitle6 {
    font-size: 32px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    padding: 0px 0px 15px 0px;
    text-transform: uppercase;
	line-height:34px;
    
}


.callus {
    margin: 20px 34px 0px 0;
    padding: 8px 21px 8px 21px;
    background: #c61c29;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    position: relative;
    display: inline-block;
}


.callus:hover, a:focus  {
    background: #4b4b4b;
	color:#fff;
   
}

.right {
color:#c61c29;
}

.right:hover, a:focus  {
    background: #4b4b4b;
	color:#fff;
	background:inherit;
	
   
}

.emailus {
    margin: 20px 0px 0px 0px;
    padding: 8px 33px 8px 33px;
    background: #fff;
    font-size: 18px;
    font-weight: 700;
    color: #c61c29;
    border-radius: 30px;
    text-align: center;
    position: relative;
    display: inline-block;
}


.emailus:hover, a:focus  {
    background: #4b4b4b;
	color:#fff;
   
}


.icons-2{
    float: left;
    padding: 7px 17px 0px 0px;
}


.service {

width:65%;
float:left;

}


.now {
    width: 35%;
    float: left;
    display: inline-block;
    text-align: center;
}

.footer-area {

width:100%;
float:left;
background:#4b4b4b;
padding:30px 0px 30px 0px;

}


.subtitle7 {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    padding: 0px 0px 40px 0px;
    text-transform: uppercase;
	line-height:34px;
    
}


.subtitle8 {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    padding: 0px 0px 0px 0px;
	line-height:40px;
}


.subtitle8 span {
    
    font-weight: normal;
   
}



.social-media {
    width: 31%;
    float: left;
    padding-right: 61px;
    text-align: center;
}


.address {
    width: 28%;
    float: left;
	color:#fff;
}

.our-services {
    width: 19%;
    float: left;
}


.quick-links{
    width: 22%;
    float: left;
}


.ul_list1 {
    float: left;
    margin: 0px;
    margin-left: 0px;
    padding: 0px;
    padding-top: 0px;
    margin-left: 5px;
    line-height: 40px;
    list-style: inside url(../images/star.png);
}

.social-icons {
    padding: 3px;
    text-align: center;
    display: inline-block;
    position: relative;
}


.footer-logo {
    float: none;
    padding: 100px 0px 25px 0px;
 
    display: inline-block;
}

.footer-cover {
    float: none;
    text-align: center;
    display: inline-block;
    position: relative;
}

.footer-bootom {
width:100%;
float:left;
background:#2a2a2a;
padding:25px 0px 25px 0px;
font-size:18px;
font-family: 'Hind', sans-serif;
color:#fff;
}

.copyright {
width:50%;
float:left;

}


.developed {
width:50%;
float: right;
text-align:right;

}
.menuouter
{
	float:left;
	width:100%;
	position:relative;
	height: 100%;
}
#cssmenu
{
	float:left;
	width:100%;
	background:#4b4b4b url(../images/leftside-menu.jpg) no-repeat left;
	padding-left:50px;
}
 
.menuouter::after {
    height: inherit;
    content: ' ';
    position: absolute;
    top: 0;
    width: 33%;
    right: 0;
    background-color: #4b4b4b;
}

.banner_outer
{
	float:left;
	width:100%;
}

.tyre-banner {
width:60%;
float:right;
padding:76px 100px 0px 0px;

}


.subtitle10 {
    font-size: 24px;
    font-weight: 700;
    color: #4b4b4b;
	text-align:center;
    width: 100%;
    padding: 0px 0px 0px 0px;
    line-height: 40px;
}

.subtitle11 {
    font-size: 22px;
    font-weight: 700;
    color: #dc382a;
	text-align:center;
    width: 100%;
    padding: 0px 0px 0px 0px;
}

.address-row {
    float: left;
    width: 100%;
}

.map-icon {
    float: left;
    width: 100%;
}

.map-icon1 {
    float: left;
	
}

.map-icon2 {
    float: left;
    text-align: center;
    width: 100%;
}

.subtitle12 {
    font-size: 28px;
    font-weight: 600;
	width:100%;
    color: #1a1a1a;
    text-align: center;
    padding: 30px 0px 30px 0px;
    float: left;
}

.tyre-cover {
    width: 100%;
    float: left;
    border: 1px solid #f0e9e9;
}

.tyre-border {
width:100%;
text-align: center;
padding: 0px 0px 30px 0px;

}


.footer_enquiry_box {
    float: left;
	font-family: 'Oxygen', sans-serif;
    margin: 10px 0 5px 0;
    padding: 6px 0px 6px 10px;
    border: 1px solid #f0f0f0;
    width: 100%;
	font-weight:700;
    height: 45px;
    color: #3a3a3a;
    font-size: 14px;
    background: #f0f0f0 url(../images/enquiry-bg.png) repeat;
}

.map {
width:100%;
height: 300px;
}


.submit_bg {
    float: right;
    margin: 10px 0px 0 0;
    padding: 4px 20px 4px 20px;
    background: #c61c29;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border: none;
}


#wheel{
  width:100px;
  height:100px;
  border-style:solid;
  border-width:34px 34px ;
  border-color:red green yellow blue;
  border-radius:50%;
  transition:all 2s ease-in;
  background-image:url(../images/crane.jpg);
}
#wheel:hover{
  transform:rotate(1000deg);
  box-shadow:0 0 5px rgba(0,0,0,0.7);
}

.contact_outline {
    margin: 20px 0 20px 0;
    padding: 20px 0px 20px 0px;
    border-bottom: 1px solid #999;
    display: inline-block;
    width: 100%;
    color: #000;
    font-size: 14px;
    font-family: Roboto;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-size: 16px;
    font-family: 'Hind', sans-serif;
}

.contact_title {
    margin: 0px;
    padding: 0px;
    font-size: 18px;
	font-weight:400;
	font-family: 'Hind', sans-serif;
}

.sub_outer {
    width: 100%;
    text-align: center;
    display: inline-block;
    margin: 0px;
}

.contact_submit_button {
    margin: 20px 0 0px 0;
    padding: 8px 21px 8px 21px;
    font-size: 16px;
    color: #fff;
    background-color: #d30002;
    border: none;
    border-radius: 2px;
}


.contact_icon {
    margin: 0px 20px 0px 0px;
    border-radius: 5px;
    text-align: left;
    float: left;
    width: 100%;
}
.contact_icon img
{
    float:left;
}

.map2- {
    float: left;
    width: 100%;
    line-height: 30px;
    padding: 10px 0px 0px 0;
}


.map- {
    float: left;
    width: 100%;
    line-height: 30px;
    padding: 10px 0px 0 0;
}

.contactspace {
line-height:30px;
    float:left;
    padding-left:10px;

}
.content-about .col-md-5
{
text-align:center;
    
}
.conatct-outler {
width:100%;

}

.conatct-outler1 {
width:100%;

}

.headoffice {
width:100%;
text-align:center;

}
.contact_icon {
  clear: both;
}
.mailicon-outler {
    display:inline-block;
    width: 300px;
    text-align: center;
    float: none;
    margin: 0 auto;
}

.mailicon-outler1 {
width:100%;
text-align:center;

}





.modal-content {

    position: relative;
    background-color: 

#4b4b4b;

-webkit-background-clip: padding-box;

background-clip: padding-box;

border: 1px solid #999;

border: 1px solid rgba(0, 0, 0, .2);

border-radius: 6px;

outline: 0;

-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

box-shadow: 0 3px 9px rgba(0, 0, 0, .5);

border: 2px solid

    #747474;

}

.modal-header {

    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: 1px solid 

    #747474;

}


.modal
{
	background:#000;
}
.fade.in
{
	opacity:1;
	background:url(../images/pop-bg.png);
}
.popbox_but {

    display: inline-block;
    padding: 10px 20px;
    background: 

#c4362a;

color:
#fff;

font-size: 20px;

text-align: center;

margin-right: 20px;

border-radius: 4px;

border: 2px solid

    #fff;

}


.modal-title {

    color: 

    #fff;

}
.close {
    opacity: 1;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: 
#fff;
text-shadow: 0 1px 0
    #fff;
    filter: alpha(opacity=20);
    opacity: 1;
}

.modal-body
{
	text-align:center;
	padding:50px 0px;
}
.modal-footer
{
	display:none;
}
.popbox_but img
{
	margin-right:10px;
}
.popbox_but span
{
	display:inline-block;
	clear:both;
	width:100%;
}
.modal-dialog {
    top: 25%;
}
@media only screen and (max-width: 1400px) {


 
}



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

.header-phone {
    padding: 17px 0px 0 49px;
}


.brands {
  
	margin-bottom: 50px;
}

.icons1 {
    float: left;
    padding-right: 8px;
    margin-top: 0px;
}

.icons
{
	padding-right:8px;
}
.header-logo
{
	width:25%;
	padding-top:50px;
}
.header-right
{
	width:75%;
}
.header-logo img
{
	width:100%;
}



.footer-logo {
    
    padding: 80px 0px 65px 0px;
    
}

.social-media {
    width: 25%;
    float: left;
    padding-right: 61px;
}

.address {
    width: 38%;
    float: left;
    color: #fff;
}

.our-services {
    width: 23%;
    float: left;
}

.quick-links {
    width: 14%;
    float: left;
}


.tyre-banner {
    width: 100%;
	padding:0px 0px 0px 0px;
}
 
.subtitle4 {
    font-size: 32px;
    padding: 20px 0px 20px 0px;
    float: left;
	width:100%;
} 

.content {
    text-align: center;
    width: 100%;
    margin-left: 0px;
    padding: 10px 50px 10px 50px;
}

.shopnow-cover {
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-bottom: 60px;
}


.callus {
    margin: 20px 12px 0px 0;
  
}

.weare {
    
    padding: 20px 0px 30px 0px;
    line-height: 35px;
}


.content-about3 {
    
    padding: 40px 0px 40px 0px;
}


.content-about1 {
 
    padding: 40px 0px 40px 0px;
}


.services1 {
    
    padding-bottom: 0px;
}


}


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




.header-logo
{
	width:100%;
	text-align:center;
}
.header-logo img
{
	width:auto;
	max-width:100%;!important;
}
.header-top::after {
    right: 0;
    background-color:transparent;
}
.header-right
{
	width:100%;
	margin-top:20px;
	text-align:center;
	padding-bottom:10px;
}
.header-logo
{
	padding-top:10px;
}
.header-line
{
	display:none;
}
.header-phone
{
	
	display:inline-block;
	padding:17px 0px 0 49px;
	padding-bottom:0px;
}
.menuouter
{
	background:#4b4b4b;
}
#cssmenu
{
	background:none;
	padding:0px;
	margin:3px 0px;
}


.social-media {
    width: 38%;
    float: left;
	padding-right:0px;
}

.address {
    width: 50%;
    float: left;
    color: #fff;
	padding-bottom:50px;
}

.our-services {
    width: 51%;
    float: left;
}

.quick-links {
    width: 50%;
    float: left;
}
 
.copyright {
    width: 56%;
}

.developed {
    width: 44%;
}

.majar {
    
    width: 100%;
  
}

.ceat-cover {
    
    padding-right: 0px;
}

.testi {
 
    width: 100%;
}


.callus {
    margin: 0px 0px 0px 0;
  
}


.map-icon1 {
    text-align: center;
    width: 100%;
	padding-top:20px;
}


.subtitle10 {
    font-size: 24px;
    font-weight: 700;
    color: #4b4b4b;
    width: 100%;
    padding: 0px 0px 0px 0px;
    line-height: 40px;
    text-align: center;
}



.map-icon2 {
    float: left;
    text-align: center;
    width: 100%;
}


.content-about {
  
    padding: 40px 0px 40px 0px;
}

.content-about1 {
    padding: 0px 0px 20px 0px;
}

.content-about2 {
  
    padding: 0px 0px 0px 0px;
}


.content-about3 {
    padding: 20px 0px 20px 0px;
}

.subtitle2 {
    
    padding: 20px 0px 30px 0px;
}

.subtitle1 {
   
    padding-bottom: 40px;
}




.services1 {
   
    padding-bottom: 0px;
}


.content-about4 {
    width: 100%;
    float: left;
    padding: 20px 0px 40px 0px;
}


.weare {
    padding: 10px 0px 30px 0px;
    line-height: inherit;
}

.weare1 {
  
    padding: 0px 0px 30px 0px;
}


.contact_icon {
  margin: 0px 0px 0px 0px;
    float: none;
}
 
 
 .conatct-outler {
    width: 50%;
	float:left;
}

 .conatct-outler1 {
    width: 100%;
	float:left;
}

.map-icon2 {

    float: left;
    text-align: center;
    width: 100%;

}

.subtitle10 {
    width: 100%;
    text-align: center;
}

}

@media only screen and (max-width: 980px) {
.weprovide {
    width: 50%;
    float: left;
    padding: 0 10px;
}

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

.readmore {
    font-size: 18px;
    margin-left: 0px;
	display:inline-block;
	width:30%;
}

.best-price {
    width: 100%;
    float: inherit;
    text-align: center;
}


.copyright {
    width: 100%;
	text-align:center;
	padding-bottom:10px;
}

.developed {
    width: 100%;
	text-align:center;
}


.ceat {
    width: 50%;
	padding:0px 10px 20px 10px;
	
}







.icons-1 {
    padding:20px 0px 20px 0px;
    text-align: center;
    width: 100%;
}

.subtitle3 {
    width: 100%;
    padding: 0px 0px 0px 0px;
    text-align: center;
}

.header-phone {
    display: inline-block;
    float: none;
    padding: 17px 38px 0 38px;
}


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

.weprovide {
    width: 100%;
    padding: 0 0px;
}
}

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


.modal-body {
    padding: 20px 0px;
}

.popbox_but {
    margin-bottom: 10px;
}

.header-phone {
    display: table;
    float: none;
    padding: 17px 0px 0 0px;
    text-align: center;
    margin: 0 auto;
    width:225px;
}


.header-phone {
    display: table;
    float: none;
    padding: 17px 0px 0 0px;
    text-align: center;
    margin: 0 auto;
}

.content-area {
    width: 100%;
    float: left;
    padding: 30px 0px 30px 0px;
}




.readmore {
    font-size: 18px;
    width: 50%;
}

.icons-1 {
    float: inherit;
    padding:20px 0px 20px 0px;
    width: 100%;
    text-align: center;
}

.service {
    width: 100%;
    float: left;
	padding-bottom:20px;
}


.subtitle4 {
    font-size: 26px;
  
}

.callus {
    margin: 0px 20px 0px 0;
}

.now {
    width: 100%;
    float: left;
    display: inline-block;
    text-align: center;
}

.social-media {
    width: 100%;
	padding-right:0px;
}

.footer-logo {
    padding: 0px 0px 40px 0px;
    width: 100%;
}

.address {
    width: 100%;
    padding: 30px 0px 0px 0px;
    
}

.subtitle7 {
    
    padding:20px 0px 20px 0px;
}

.our-services {
    width: 100%;
}

.quick-links {
    width: 100%;
}
 


.subtitle1 {
    font-size: 25px;
	line-height: 33px;
	padding-bottom: 30px;
 
}



.content {
   
    padding: 10px 10px 10px 10px;
}

.brands {
    
    font-size: 18px;
}


.content-about {
  
    padding: 20px 0px 40px 0px;
}

.content-about1 {
   
    padding: 0px 0px 20px 0px;
}


.content-about2 {
  
    padding: 0px 0px 0px 0px;
}


.content-about3 {
 
    padding: 20px 0px 20px 0px;
}


.services1 {
   
    padding-bottom: 10px;
	padding-top:10px;
}


.weare {
    padding: 0px 0px 30px 0px;
    line-height: inherit;
    font-size: 24px;
}

.conatct-outler {

    width: 100%;
    padding: 0 0 10px 0;

}

.map- {
    line-height: 26px;
    padding: 0px 0px 0 0;

}

.map2- {

    line-height: 26px;

}

}


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



 
.readmore {
    font-size: 16px;
    width: 100%;
}


.emailus {
    width: 100%;
}

.callus {
    width: 100%;
}

.subtitle6 {
    font-size: 20px;
   
}



.industries {
width:100%;
}



.mailicon-outler {
    width: 200px;
  
}



}