#hero {
	min-height: 370px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(../images/tires/herobg.jpg);
	font-size: 0;
	margin-top: 0;
}

.container {
	width: 1050px;
	max-width: 100%;
}

#hero p {
	font-size: 17.7px;
	line-height: 1;
	color: #fff;
	font-family: 'nunito_sanssemibold';
	margin: 7px 0 15px 0;
}

#hero a {
background-color: transparent;
width: auto;
height: auto;
line-height: 1;
margin:0 0 0 15px;
	text-decoration: none;
		display: inline-block;
	font-family: 'Gotham-Black';
	color: #ee1d24!important;
	font-size: 15.65px;
}
#hero form {
    width: 430px;
    max-width: 100%;
    max-width: none;

}
#hero form input:nth-child(1),
#hero form input:nth-child(2),
#hero form input:nth-child(3),
#hero form input:nth-child(4),
#hero form input:nth-child(5),
#hero form input:nth-child(6){
    width: calc(50% - 5px);
    height: 46px;
    background-color: #ffffff;
    border:1px solid #bbbbbb;
    line-height: 46px;
    padding: 0 10px;
    font-size: 14.86px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #bbbbbb;
}
#hero form input:not([type="submit"]):first-child,
#hero form input:nth-child(1),
#hero form input:nth-child(3),
#hero form input:nth-child(5) {
    margin-right: 10px;
}
#hero form select::-ms-expand {
    display: none;
}
#hero form select{
	 -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    width: 100%;
    height: 46px;
    background-color: #ffffff;
    border:1px solid #bbbbbb;
    line-height: 46px;
    padding: 0 10px;
    font-size: 14px;
    background-image: url(../images/tires/icon-drop.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
	border-radius: 0;

    margin-bottom:10px;
    font-weight: 400;
    color: #bbbbbb;
}

#hero form select + div{
	margin-bottom: 22px;
}
#hero form input[type="submit"]{width: 245px;height: 50px;background-color: #ee1d24;color: white;font-size: 16.54px;border:0;font-family: 'nunito_sansblack';text-transform: uppercase;line-height: 50px;text-align: center;}
#hero form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-weight: 400;
	color: #bbbbbb;
}
#hero form input::-moz-placeholder { /* Firefox 19+ */
	font-weight: 400;
	color: #bbbbbb;
}
#hero form input:-ms-input-placeholder { /* IE 10+ */
	font-weight: 400;
	color: #bbbbbb;
}
#hero form input:-moz-placeholder { /* Firefox 18- */
	font-weight: 400;
	color: #bbbbbb;
}
#hero .container{
	width: 1240px;
}
#hero .left,
#hero .right {
	display: inline-block;
	vertical-align: middle;
}

#hero .left {
	width: 430px;
	max-width: 100%;
	margin-left: 45px;
	margin-top: 20px;
}

#hero .left img{
	filter: brightness(0) invert(1);
}
#hero .right {
	margin-top: 0;
	display: none;
}

#hero .right img {
	max-width: 100%;
	height: auto;
}

.under-hero {
	background-color: #e41b24;
	text-align: center;
	color: white;
	padding: 40px 0;
	font-size: 0;
}
.fixed-red .under-hero.absolute{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 9;
	-webkit-transform: translateZ(0);
}
 .under-hero.absolute{
 	position: fixed;
 	bottom: -100%;

	left: 0;
	width: 100%;
	z-index: 9;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.fixed-red .under-hero.absolute{
	bottom: 0;
}
.under-hero  .container {
	padding-right: 35px;
	padding-left: 25px;
}

.under-hero .left {
	width: 44.5%;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Gotham-Black';
	display: inline-block;
	vertical-align: middle;
	padding-right: 15px;
	text-align: left;
}

.under-hero .left span {
	color: #faf22e;
}

.under-hero .right {
	display: inline-block;
	vertical-align: middle;
	width: 55.5%;
	text-align: right;
}

.under-hero .right input[type="text"] {
	width: 230px;
	border: 0;
	padding: 0 15px;
	font-size: 14px;
	color: #666666;
	font-family: "Gotham-light";
	height: 39px;
	line-height: 39px;
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

.under-hero .right input[type="submit"] {
	width: 55px;
	height: 39px;
	border: 0;
	font-size: 18px;
	font-family: 'Gotham-Black';
	background-color: #faf22e;
	color: #000000;
	display: inline-block;
	vertical-align: middle;
}

.logobar {
	background-color: #000;
	padding: 9px 0;
}


html > /**/ body 	.logobar img{
	margin:0 7.5px;
}
head ~ /**/ body 	.logobar img{
	margin:0 7.5px;
}

.logobar .container {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 1075px;
}

.logobar img {
	filter: brightness(0) invert(1);
}
 #tires-testimonial{
	text-align: center;
	padding: 75px 15px 70px 15px;
}
#tires-testimonial div.inner{
	width: 770px;
	max-width: 100%;
	margin:0 auto;
}
#tires-testimonial h3{
	font-size: 31.42px;
	color: #020202;
	font-family: 'nunito_sansblack';
	margin:0 0 40px 0;
	line-height: 1;
}
#tires-testimonial h3 span{
	color: #d61212;
}
 #tires-testimonial  .swiper-slide p{
	width: 550px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 14.14px;
	line-height: 20.42px;
	color: #050505;
	margin-bottom: 10px;
}
#tires-testimonial  .swiper-slide p:first-child{
	font-size: 15px;
	font-family: 'nunito_sansbold';
}

 #tires-testimonial .swiper-button-next, #tires #tires-testimonial .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 11px;
	height: 17px;
	margin-top: -8.5px;
	z-index: 10;
	cursor: pointer;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
 #tires-testimonial .swiper-button-next{
	right: 0;
	background-image: url(../images/tires/right-arrow.png);
}
 #tires-testimonial .swiper-button-prev{
	left:  0;
	background-image: url(../images/tires/left-arrow.png);
}

 #tires-brands{
	text-align: center;
	padding: 25px 15px 10px 15px;
	font-size: 0;
}
 #tires-brands .title{
	font-size: 23px;
	color:#d61212;
	text-transform: uppercase;
	font-family: 'nunito_sansblack';
	line-height: 1;
	margin: 0;
}
#tires-brands p{
	font-style: italic;
	color:#aaaaaa;
	font-size: 12px;
	margin-bottom: 20px;
}
 #tires-brands img{
	max-width: 100%;
}
#tires-brands img:hover{

}
#tires-brands img{
	opacity: 0.29;
}
 #tires-brands ul {
	margin:0 auto;
	padding: 0;
	max-width: 100%;
	width: 960px;
}
#tires-brands ul li{
	vertical-align: middle;
	margin: 0 22.5px 20px 22.5px;
	padding: 0;
}
#why {border-top: 1px solid #eaeaea;background-color: #f4f4f4;text-align: center;padding: 40px 0 5px 0;background-image: url(../images/tires/why-bg.jpg);background-repeat: no-repeat;background-position: 100% 100%;background-size: cover;}

#why h1 {
	font-size: 32.6px;
	color: #241f20;
	margin: 0 0 10px 0;
	font-family: 'nunito_sansblack';
	text-transform: uppercase;
}

#why h1 img {
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 5px;
}

#why h1 + p {
	font-size: 12.23px;
	line-height: 19.56px;
	color: #000000;
	margin: 0 0 20px 0;
	font-family: 'Merriweather', serif;
}

#why .inner{
	width: 390px;
	max-width: 100%;
	text-align: left;

}

#why .inner ul{
	padding: 0;
	margin:0;

}
#why .inner ul + p{
	font-size: 12px;
	color: #525252;
	margin-top: 15px;
}
#why .inner ul + p a{
color: #43bccd;
font-style: italic;
}
#why .inner ul li{
	padding: 0;
	margin:0;
	list-style-type: none;
	font-size: 12.23px;
	color: #d61212;
	margin-bottom: 7px;
	line-height: 1;
	font-family: 'nunito_sansbold';
}
#why .inner ul li:before{
	content: "";
	position: relative;
	top: -2px;
	width: 22px;
	height: 16px;
	display: inline-block;
	background-image: url(../images/tires/icon-check.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	vertical-align: middle;
	margin-right: 7px;
}

#how {
	padding: 50px 0 35px 0;
	text-align: center;
}

#how .note p{
	font-size: 9.84px;
	color: #241f20;
	font-style: italic;
}

#how h2 {
	font-size: 32.8px;
	font-family: 'nunito_sansblack';
	color: #241f20;
}

#how h2 span {
	color: #ea222f;
}

#how .container {
	width: 915px;
	max-width: 100%;
}

#how .works {
	font-size: 0;
	margin-top: 35px;
}

#how .works > div {
	display: inline-block;
	vertical-align: top;
	width: 33.33333%;
	margin-bottom: 10px;
}

#how .works > div .image {
	margin-bottom: 15px;
}

#how .works > div h5 {
	font-size: 18.06px;
	color: #241f20;
	line-height: 20.52px;
	margin: 0 0 5px 0;
	font-family: 'nunito_sansextrabold';
}

#how .works > div h5 span {
	color: #43bccd;
}

#how .works > div p {
	font-size: 11.49px;
	line-height: 16.42px;
	color: #000000;
	margin: 0;
	font-family: 'nunito_sanssemibold';
}

#how .works > div > * {
	width: 280px;
	max-width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
}

#common {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url(../images/tires/table-bg.jpg);
	padding: 50px 0;
	position: relative;
}

#common:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0px;
	background-image: url(../images/tires/left.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 229px;
	height: 313px;
}

#common .inner {
	position: relative;
	font-size: 0;
	z-index: 2;
}

#common .inner .t-head {
	position: relative;
	background-color: #ea222f;
	color: white;
	font-size: 18px;
	font-family: 'Gotham-Bold';
	text-align: center;
	line-height: 42px;
}

#common .inner .t-body {
	position: relative;
	background-color: #fafafa;
	border-right: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
}

#common .inner .t-body .t-row {
	height: 50px;
	border-bottom: 1px solid #c8c8c8;
}

#common .inner .t-body .t-row .t-col:not(:last-child) {
	border-right: 1px solid #c8c8c8;
}

#common .inner .t-body .t-row:nth-child(2n+2) {
	background-color: #eaeaea;
}

#common .inner .t-body .t-row .t-col {
	width: 33.333333%;
	display: inline-block;
	vertical-align: top;
	color: #ea222f;
	line-height: 50px;
	padding: 0 20px;
	font-size: 12px;
	font-family: 'nunito_sansbold';
}

#common .inner .t-body .t-row .t-col:nth-child(1) {
	width: 36%;
}

#common .inner .t-body .t-row .t-col:nth-child(2) {
	width: 32%;
}

#common .inner .t-body .t-row .t-col:nth-child(3) {
	width: 32%;
}

#common .inner .t-body .t-row .t-col:nth-child(1) span {
	width: 240px;
}

#common .inner .t-body .t-row .t-col:nth-child(2) span {
	width: 200px;
}

#common .inner .t-body .t-row .t-col:nth-child(3) span {
	width: 200px;
}

#common .inner .t-body .t-row .t-col span {
	display: inline-block;
	color: #000000;
	max-width: 100%;
	font-family: 'nunito_sansbold';
}

#pro {
	padding: 75px 0;
	text-align: center;
}

#pro h3 {
	font-size: 40px;
	font-family: 'Gotham-Black';
	color: #241f20;
	margin: 0 0 50px 0;
	padding: 0;
}

#pro h3 span {
	color: #ea222f;
}

#pro  .container {
	width: 1070px;
}

#pro  .videos {
	font-size: 0;
}

#pro  .videos figure {
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
	width: 33.3333%;
}

#pro  .videos figure img {
	max-width: 100%;
	margin-bottom: 10px;
}

#pro  figure p {
	font-size: 13.82px;
	font-family: 'Gotham-Bold';
	color: #000000;
	margin: 0;
}

#testimonials {
	padding: 40px 0;
	background-color: #f41727;
	color: white;
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 12px;
	height: 22px;
	margin-top: -11px;
	z-index: 10;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 12px 22px;
}

.swiper-button-prev {
	background-image: url('../images/tires/new-prev.png');
}

.swiper-button-next {
	background-image: url('../images/tires/new-next.png');
}

#testimonials h3 {
	color: white;
	margin-bottom: 35px;
	font-size: 40px;
	font-family: 'Gotham-Black';
}

#testimonials p {
	color: white;
}

#testimonials p {
	max-width: 655px;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	line-height: 26px;
	font-weight: 300;
}

#testimonials img+p {
	font-size: 14px;
	font-family: 'Gotham-Medium';
	margin-top: 5px;
}

#testimonials p + p {
	margin-top: 30px;
	font-size: 18px;
	line-height: 26px;
}

#brands {
	padding: 70px 0 35px 0;
}
.newsletter {
    border-top: 0;
}
.newsletter p {
    color: #7a7a7a;
}
#brands h3 {
	font-size: 40px;
	font-family: 'Gotham-Black';
	margin: 0;
}

#brands h3 span {
	color: #e41b24;
}

#brands  p.last {
	font-size: 13px;
	color: #aaaaaa;
	font-weight: 300;
	font-style: italic;
	text-align: center;
}

#brands .container {
	max-width: 100%;
	width: 1120px;
}

#brands ul {
	font-size: 0;
}

#brands .container > ul {
	text-align: center;
}

#brands .container > ul li {
	width: 25%;
	text-align: center;
	margin-bottom: 40px;
}

#brands li {
	vertical-align: middle;
	padding: 0px 12px;
	width: 16.6666666667%;
	cursor: pointer;
}

#brands li img {
	max-width: 100%;
	height: auto;
	opacity: 0.3;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#brands li img:hover {
	opacity: 1;
}

#brands .note p {
	font-size: 13px;
	line-height: 26px;
	color: #aaaaaa;
	font-family: 'Gotham-Book';
	font-style: italic;
}

#brands .note {
	margin: 15px 0 45px 0;
}

#brands h3 {
	padding: 0;
	margin-bottom: 5px;
}

.panel-heading {
	color: white !important;
	background-color: #f41727 !important;
	border-color: transparent !important;
	height: 50px !important;
	padding: 0 30px !important;
	line-height: 50px !important;
	border-radius: 0 !important;
}

.panel-title {
	position: relative;
}

.panel-title a[aria-expanded="true"]:before {
	content: "";
	width: 17px;
	height: 11px;
	background-size: 17px 11px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('images/tires/arrow-up.png');
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5.5px;
}

.panel-title a[aria-expanded="false"]:before {
	content: "";
	width: 17px;
	height: 11px;
	background-size: 17px 11px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('images/tires/arrow-down.png');
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5.5px;
}

.panel-heading span {
	font-size: 20px;
	color: white;
}

.panel-group .panel {
	border-radius: 0 !important;
}

.panel-group .panel+.panel {
	margin-top: 0px !important;
	border-top: 2px solid white;
}

#brands .panel-group p {
	font-size: 14px;
	line-height: 20px;
}

#brands .panel-group li {
	font-size: 14px;
	line-height: 20px;
	padding: 0;
	width: 100%;
}

#brands .panel-group .before-ul {
	margin-top: 25px;
}

#brands .panel-group li:before {
	content: "•";
	display: inline-block;
	font-size: 14px;
	margin-right: 5px;
}

#brands .panel-group  ul {
	padding-left: 50px;
}

#brands .panel-group {
	max-width: 700px;
	margin: 0 auto 50px auto;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #fff;
	padding: 20px 40px 25px 20px;
}

#brandmodal .modal-content {
	-webkit-box-shadow: none;
	padding: 0px;
	border-width: 0px;
	box-shadow: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	border: 0;
}

#brandmodal .modal-dialog {
	width: 850px;
	max-width: 100%;
}

#brandmodal .modal-body {
	max-width: 710px;
	margin: 0 auto;
	padding: 70px 70px;
}

#brandmodal  .modal-content {
	padding: 0 70px;
}

#brandmodal  .item img {
	margin: 0 auto;
}

#brandmodal  .col-sm-7,
#brandmodal  .col-sm-5 {
	text-align: left;
}

#brandmodal  .col-sm-5 {
	padding-left: 30px;
}

#brandmodal  .col-sm-5  ul {
	padding-left: 15px;
}

#brandmodal  .col-sm-5 p {
	font-weight: bold;
}

#brandmodal  .col-sm-5 li {
	font-size: 15px;
	line-height: 25px;
	list-style-type: disc;
}

#brandmodal p {
	font-size: 15px;
	line-height: 25px;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	font-style: normal;
}

.close {
	position: absolute;
	right: 15px;
	top: 15px;
	font-weight: 300;
	font-size: 15px;
	opacity: 1;
	font-family: 'Lato', sans-serif;
	cursor: pointer;
	z-index: 9;
}

.close span {
	font-weight: 300;
	font-size: 25px;
	opacity: 1;
	font-family: 'Lato', sans-serif;
	line-height: 1;
}

#brandmodal .left {
	position: absolute;
	left: 0;
	top: 50%;
	color: transparent;
	background-image: url(../images/carousel-left.png);
	width: 10px;
	height: 15px;
	margin-top: -7.5px;
}

#brandmodal .carousel-inner>.item:not(.active) {
	opacity: 0;
	visibility: hidden;
	height: 0
}

#brandmodal .carousel-inner>.item {
	-webkit-transition: all 0.5s, height 0s linear;
	-moz-transition: all 0.5s, height 0s  linear;
	-ms-transition: all 0.5s, height 0s  linear;
	-o-transition: all 0.5s, height 0s  linear;
	transition: all 0.5s, height 0s  linear;
}

#brandmodal img {
	display: block;
	margin: 0 auto;
}

#brandmodal .right {
	position: absolute;
	right: 0;
	top: 50%;
	color: transparent;
	background-image: url(../images/carousel-right.png);
	width: 10px;
	height: 15px;
	margin-top: -7.5px;
}
@media only screen and (max-width:1300px) {
	#why {

    background-position: 76% 100%;
}
}
@media only screen and (min-width:1200px) {
	#hero{
		background-position: left center;
	}
}

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

#common .inner:before{
display: none;
}
#common .inner:after{
display: none;
}
	#why {

    background-position: 50% 100%;
}

	#common .inner .t-body .t-row .t-col {
		padding: 0 10px;
	}

	#common .inner .t-body .t-row .t-col:nth-child(1) span {
		width: 235px;
	}
.logobar img {
    margin: 0 5px;
}
.under-hero .left {
    font-size: 20px;
}
.under-hero .right input[type="text"] {
    width: 215px;
}
.under-hero .container {
    padding-right: 15px;
    padding-left: 15px;
}
}

@media only screen and (max-width:991px) {
	 #hero form input:not([type="submit"]){


    }
	 #hero form {
        max-width: 100%!important;
    }
	#hero .right {
    max-width: 45%;
}
	.under-hero {
    padding: 30px 0;
}
	.under-hero .left {
    font-size: 20px;
    width: 100%;
    display: block;
    padding: 0;
    text-align: center;
    margin-bottom: 15px;
}
.under-hero .right {
    display: block;
    width: 100%;
    text-align: center;
}
	#why .icons > div{
		padding: 0 7.5px;
	}
	#why {
    padding: 45px 0 30px 0;
}

	#common .inner .t-body .t-row{
		height:75px;
	}

	#common .inner .t-body .t-row .t-col {
		line-height: 1;
		padding: 10px;
		height: 75px;
	}

	#common .inner .t-body .t-row .t-col span {
		width: 100%;
		margin-bottom: 10px;
		display: block;
	}
#how .works > div {
    padding: 0 7.5px;
}
}

@media only screen and (max-width:767px) {
		#hero ,
		#hero .left, #hero .right{
			text-align: center!important;
    margin-top: -30px!important;
}
	#tires-testimonial h3 {
    font-size: 20px;
    margin: 0 0 30px 0;
}
	#tires-testimonial {
    text-align: center;
    padding: 30px 15px 0 15px;
}
	#hero a {

    margin: 15px 0 0 0;
    display: block;
    width: 100px;
}
	#why{
		background-image: none;
	}
	#hero form input:not([type="submit"]):first-child {
    margin-right: 0;
}
#hero form input:not([type="submit"]) {
    width: 100%;
}

	.newsletter{
		display: none;
	}
.under-hero.absolute{
	display: none;
}

	#brands h3,
	#testimonials h3,
	#pro h3 ,
	#how  h3,
	#how  h2{
		font-size: 30px;
	}
	#hero {
		height: auto;
    padding: 30px 0;
}
	#hero .left img{
		max-width: 100%;
	}
	#hero .left, #hero .right {

    width: 50%!important;
    margin: 0!important;
}

#why {
    padding: 30px 0 0 0;
}
#why .icons > div {
	padding: 0 7.5px;
    width: 50%;
}

#how {
    padding: 30px 0;
}
#how .works > div {
    padding: 0;
    width: 100%;
    display: block;
    margin: 0 0 30px 0;
}
		#common {
    padding: 30px 0;
}
#how h2{
	margin-bottom: 30px;
}
	#pro h3 {
		margin-bottom: 30px;
	}

	#pro .videos figure {
		width: 100%;
		padding: 0;
		margin-bottom: 30px;
	}

	#pro {
		padding: 30px 0 0 0;
		text-align: center;
	}

	#testimonials p {
		padding-left: 15px;
		padding-right: 15px;
	}

	#testimonials {
		padding: 30px 0;
	}

	#brandmodal .col-sm-7,
	#brandmodal .col-sm-5 {
		padding: 0;
	}

	#brandmodal .modal-body,
	#brandmodal .modal-content {
		padding: 15px 15px;
	}

	#brands .container > ul li {
		margin-bottom: 15px !important;
		width: 50%;
	}

	#brands {
		padding: 30px 0;
	}

#hero .right{
		margin-right: 5%!important;
	}
}

@media only screen and (max-width:600px) {
		#hero a {
 display: inline-block!important;

}
	#hero{
		text-align: center;
	}
	#hero .right img{
		margin-bottom: 15px;
	}
	#hero .right {
    max-width: 100%;
    width: 320px;
    text-align: left;
}
	#hero .left, #hero .right {
    width: 320px!important;
    margin: 0!important;
    max-width: 100%;
    margin:0 auto;
}
#hero .right {
    margin-right: 0%!important;
}

	.under-hero .right input[type="submit"]{
		width: 100%;
	}
	.under-hero .right input[type="text"] {
    width: 100%;
    margin: 0 0 15px 0;
}
	#why .icons > div {
	padding: 0 0;
    width: 100%;
}
	#common .inner .t-body .t-row .t-col:not(:last-child) {
    border-right: 0px solid #c8c8c8;
        border-bottom: 1px solid #c8c8c8;
}
	#common .inner .t-body .t-row {
		height: auto;

	}
	#common .inner .t-body .t-row .t-col{
		width: 100%!important;
		height: auto;
		display: block;
	}
}
@media only screen and (max-width:480px) {
	#hero {
    margin-top: -30px!important;
}
#hero .container .left, #hero .container .right {
    height: auto;
    text-align: center;
}
	#why .inner ul li {
    font-size: 14px;
    padding-left: 25px;
    position: relative;
}
	#why .inner ul li:before {
		position: absolute;
		top: 0;
		left: 0;

 width: 18.9px;
 height: 14px;
    margin-right: 5px;
}
	#why .inner ul li{
		font-size: 14px;
	}
	#hero .right {
    max-width: 100%;
    padding-top: 15px!important;
}
	#hero p {
    margin: 10px 0 15px 0;
}
	#hero .left,
	#hero .right{
		width: 100%!important;
		display: block;
	}
	#hero{
		margin-top: 25px;
	}
	.under-hero .left span{
		display: block;
	}
	#brands .container > ul li {
		margin-bottom: 15px !important;
		width: 100%;
	}
#hero form{
    margin:0 auto;
}
}