@media screen and (max-width: 1700px){
.slider-wrapper .metaslider .caption-wrap .tag span:before{
left: 0px;
}
.slider-wrapper .metaslider .caption-wrap .tag span:after{
right: 0px;
}
.slider-wrapper .metaslider .caption-wrap{
width: 100%;
}
.slider-wrapper .metaslider .caption-wrap .tag{
margin: 0px auto 32px auto;
max-width: 530px;
}
}
@media screen and (max-width: 1199px){
.main-navigation ul > li > a{
padding: 3px 25px;
} }
@media screen and (max-width: 991px){
.top-header .widget:first-child{
max-width: 32%;
}
.top-header .widget:nth-child(2){
max-width: 28%;
}
.top-header .widget:last-child{
max-width: 40%;
}
.nav-wrap{
padding: 7px 0px;
}
.how-it-works{
padding: 40px 0px;
}
.slider-wrapper .metaslider .caption-wrap .tag {
width: 68%;
}
.our-work-common{
margin-bottom: 35px;
}
.how-it-works .works-info li:not(:last-child) {
margin-right: 8px;
}
.how-it-works h1, .works-info ul{
margin-bottom: 40px;
}
.footer-offer{
margin-bottom: 35px;
}
.top-footer{
padding: 81px 0px 26px;
}
.bottom-footer{
padding: 21px 0;
}
.app-btn-wrap a{
padding: 9px 13px;
}
.app-btn-wrap {
float: right;
}
}
@media screen and (max-width: 767px){
.top-header .widget:last-child{
max-width: 100%;
}
.top-header .widget:first-child, .top-header .widget:nth-child(2) {
max-width: 50%;
}
.tph-com.text-right {
text-align: center !important;
}
.top-header .tp-social{
text-align: right;
}
button#responsive-menu-button{
top: 262px;
}
.slider-about .metaslider{
margin: 0px auto 30px auto;
}
.about-content-wrap{
margin-bottom: 35px;
}
.our-brands-wrap h3{
font-size: 21px;
}
.slider-wrapper .metaslider .caption-wrap{
top: 39%;
}
}
@media screen and (max-width: 640px){
.slider-wrapper .metaslider .caption-wrap h1{
font-size: 30px;
}
.slider-wrapper .metaslider .caption-wrap .tag{
width: 100%;
}
.slider-wrapper .metaslider .caption-wrap a{
padding: 13px 52px;
}
}
@media screen and (max-width: 576px){
.logo {
text-align: center;
margin-bottom: 8px;
}
.middle-right {
float: none;
padding: 10px 0px;
}
button#responsive-menu-button {
top: 290px;
}
.our-work-common .our-work-img img {
width: 100%;
}
.our-work-wrap {
padding: 40px 0px;
}
.middle-right ul li.phone a{
font-size: 16px;
font-weight: 500;
}
.about-abarth-wrap{
padding: 28px 0px 18px;
}
.about-abarth-wrap h1{
font-size: 23px;
margin-bottom: 30px;
}
.how-it-works .works-info li{
margin-bottom: 10px;
margin-right: 0px;
}
.middle-right ul li:not(:last-child){
margin-right: 35px;
}
.slider-wrapper .metaslider .caption-wrap .tag{
margin: 0px auto 17px auto;
}
}
@media screen and (max-width: 480px){
.top-header .widget:first-child, .top-header .widget:nth-child(2){
max-width: 100%;
}
.top-header .tp-social, .top-header .widget:first-child, .top-header .widget:nth-child(2){
text-align: center;
}
.top-header .tp-social{
padding: 7px 0px;
}
.middle-right ul li:not(:last-child){
margin-right: 20px;
}
.middle-right ul li{
padding-left: 21px;
font-size: 14px;
}
.middle-right ul li i{
font-size: 17px;
}
.middle-right h6{
font-size: 13px;
}
.slider-wrapper .metaslider .caption-wrap {
top: 32%;
}
.slider-wrapper .metaslider .caption-wrap h1{
margin-bottom: 8px;
font-size: 24px;
}
.slider-wrapper .metaslider .caption-wrap .tag{
margin: 0px auto 14px auto;
}
.slider-wrapper .metaslider .caption-wrap a{
padding: 9px 52px;
}
.slider-wrapper .metaslider .caption-wrap .tag span:after, .slider-wrapper .metaslider .caption-wrap .tag span:before{
display: none;
}
.footer-contact ul li{
margin-bottom: 14px;
display: block;
width: 100%;
}
.about-abarth-wrap h1{
font-size: 19px;
}
button#responsive-menu-button {
top: 297px;
}
}
@media screen and (max-width: 390px){
.middle-right ul li{
margin-bottom: 8px;
display: block;
}
button#responsive-menu-button {
top: 349px;
}
.tph-com {
font-size: 13px;
}
.how-it-works{
text-align: left;
}
}