File: /home/imensosw/.trash/landingpage.1/hire/mern-developer/css/_responsive.scss
@media (min-width: 1200px) {}
@media (max-width: 1200px) {
.banner{
&__clients-logos{
img{ max-width: 100px;}
}
}
.imenso_rating{
.footercreds{
a{
img {height: 55px;}
}
}
}
}
@media (max-width: 992px) {
.burger {padding: 50px 0; }
.t-burger {padding-top: 50px; }
.b-burger {padding-bottom: 50px; }
.banner{min-height: auto !important;
h2 {font-size: $basefont-size * 4; }
&__clients-logos{
img{ max-width: 80px;}
}
.form-inline{max-width: 600px;}
}
.imenso_rating{
.footercreds{justify-content: flex-start; flex-wrap: wrap;
a{margin:0 20px 20px;
img {height: 55px;}
}
}
}
footer{
.copyright { padding:20px 0 }
}
.lining{
.shade{ padding-left: 50px;
&:before{left: 0; width: 40px}
}
}
.big-h2 {font-size: $basefont-size * 2.5; }
.blur-heading{
&:before, &:after{ width:50px }
&:before{right: calc(60% - 10px);}
&:after{left: calc(60% - 10px);}
}
.contact-from{
.big-light {font-size: 2rem !important;}
}
}
@media (max-width: 767.98px) {
.banner{
&__clients-logos{
img{ min-width: 80px;}
}
.form-inline{max-width: 500px;}
h2 {font-size: $basefont-size * 3; }
.gutter {padding: 0 50px; }
}
.projects{
&__item{flex: 0 0 100%; max-width: 100%; margin: 20px 0}
}
.imenso_rating{
.brand-logo{width: 120px; height: auto}
.brand-logo, .g-review{ margin-bottom:20px }
.footercreds a img {height: 80px; }
}
.testimonial_review{
.reviewslide{ display:block;
&__authorimg{ position: relative; width: 150px; height: 150px; border-radius: 100%; overflow: hidden; margin: 0 auto 20px; background: #fedc86;
&:before{ display:none}
}
&__content{ padding:0;
.blockquote{ position:relative; font-size: $basefont-size * 1;}
&-author{font-size: $basefont-size * 1;}
}
}
}
.whyus{
&__item-big {font-size: $basefont-size * 3;}
}
.zebra{
&:before{width: 50px;}
&:after{margin-left: 25px;}
}
.sml-part{ padding-left: 40px;}
.lining .techicons{ padding-left:0 }
.whyus__item{ margin:0;
&-title{ margin-top: 10px;}
}
.testimonial_review{
.swiper-slide { padding-bottom:30px }
}
.sidebar{ position:relative; position: -webkit-relative; position: -moz-relative; position: -ms-relative; position: -o-relative; top:0; padding-bottom:20px }
.contact-from{
.big-light {font-size: 1.7rem !important;}
.estimate{ margin-top:1rem }
}
}
@media (max-width: 575.98px) {
.fixed-top.navbar{
.navbar-brand img {width: 110px; }
}
.banner{
&.burger{ padding-top:100px }
.form-inline{ max-width:100% }
}
.mt-5{ margin-top: 1.5rem!important;}
.big-h2 {font-size: $basefont-size * 2; }
.commoncard{
&.two-item-row{ text-align:center }
&__image{ margin:auto }
}
.testimonial_review{
.reviewslide{
&__authorimg{width: 120px; height: 120px;}
}
}
.whyus{
&__item{
p{margin-top: 0px;}
&-big {font-size: $basefont-size * 2.5;}
}
}
.blur-heading{
&:before{right: calc(60% + 20px);}
&:after{left: calc(60% + 10px);}
}
.zebra{
&:before, &:after{display: none}
}
.big-p {font-size:$basefont-size * 1;}
.bulletpoint__item{
&-number{
img{width: 30px;}
}
h5{font-size:$basefont-size * 1}
}
.borderbox{
.commoncard h3{font-size: $basefont-size * 1.25;}
}
.commoncard h3{ min-height: auto; margin-bottom: 0}
}
@media (max-width: 500px) {
.banner{
.gutter {padding: 0 0px; }
h2 {font-size: $basefont-size * 2.4; }
&.burger{ padding-top:100px }
.form-inline{ max-width:100% }
}
.form-inline .btn{ font-size:$basefont-size * .75; padding: 13px 10px; }
.commoncard{padding:25px 15px 15px;
h3{ margin-top:20px }
}
.big-h2 {font-size: $basefont-size * 1.5; }
}
@media (min-width: 320px) and (max-width: 767.98px) {}