/*
Site Name: Autoconnect
URI: http:
Description: This is the responsive css for Autoconnect
Version: 2.0
Author: Amal-Techware Solution
Author URI:
Tags:
---------------------------
CUSTOM STYLES
---------------------------
TABLE OF CONTENTS
---------------------------
01.0 Smartphones (portrait and landscape)
02.0 Smartphones (landscape)
03.0 Smartphones (portrait)
04.0 iPads (portrait and landscape)
05.0 iPads (landscape)
06.0 iPads (portrait)
07.0 Desktops and laptops
08.0 Large screens
09.0 iPhone 4
10.0 iPhone 5
11.0 iPhone 6
12.0 iPhone 6+
13.0 Samsung Galaxy S3
14.0 Samsung Galaxy S4
15.0 Samsung Galaxy S5
*/
/* 01. Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
.service_tab_inner {
.tab-content {
.container {
padding-right: 3px;
padding-left: 3px;
}
ul {
padding-right: 0px !important;
li {
#custom_check_button {
p {
padding-left: 5px !important;
padding-right: 5px !important;
}
}
}
}
}
.col {
padding-left: 10px;
padding-right: 10px;
}
.services_tab {
padding-right: 0px !important;
li {
a {
background-image: none !important;
padding-right: 5px !important;
padding-left: 7px !important;
}
}
}
}
.phone_img {
img {
width: 100% !important;
}
}
.purchase_filter_section {
width: 100% !important;
}
.purchase_wrapper {
.purchase_content_wrapper {
.purchase_content_section {
margin-left: 0px !important;
.search_listing_content {
ul {
li {
width: 100% !important;
}
}
}
}
}
}
.purchase_content_section {
width: 100% !important;
height: auto !important;
.search_listing_content {
ul {
li {
width: 100% !important;
}
}
}
}
.purchase_taskbar {
.purchase_searchbar {
width: 100% !important;
}
.purchase_other {
width: 100% !important;
ul {
li {
width: 100% !important;
padding: 10px;
text-align: left !important;
}
}
}
}
.purchase_wrapper .container-fluid {
max-width: calc(100% - 1%);
}
.navbar {
padding: 20px;
background: #2655bf !important;
.container-fluid {
max-width: 100% !important;
.navbar-nav {
li {
a {
padding: 15px !important;
}
}
}
}
}
.leftRs {
display: none !important;
}
.rightRs {
display: none !important;
}
.service_map {
display: none;
}
.login_modal_wrapper {
.modal_close {
// display: none !important;
color: #333 !important;
}
}
.main_wrapper {
.title_banner_overlay {
// padding-top: 120px;
// padding-bottom: 30px;
.title_banner {
h1 {
font-size: 24px;
line-height: 35px;
font-weight: 400 !important;
}
}
}
}
.search_input_container {
width: 100% !important;
}
.title_banner {
padding: 15px !important;
padding-top: 100px !important;
}
.title_banner h1 {
font-size: 21px;
}
.log_btn {
width: 100px !important;
background-image: none !important;
}
.modal-body {
padding: 5px !important;
.vehicle_input_select {
margin-bottom: 10px;
}
}
.wizard_quotes {
width: 100% !important;
}
.scheduletiming_listing {
width: 100% !important;
}
.scheduletiming_listing {
width: 100% !important;
}
.testimonial_div {
padding: 5px;
.container-fluid {
max-width: 100% !important;
}
}
.dashboard_tab_content {
.container-fluid {
width: 100% !important;
}
.vehicle_list {
ul {
li {
width: 100% !important;
}
}
}
}
.dashboard_tabs {
.container-fluid {
width: 100% !important;
ul {
li {
width: 100% !important;
}
}
}
}
.testimonial_div {
padding: 0px !important;
.container-fluid {
max-width: 100% !important;
}
}
.login_modal_content {
padding: 15px !important;
padding-top: 40px !important;
top: 0px !important;
h3 {
padding-bottom: 25px !important;
}
.login_modal_inner {
select {
margin-bottom: 15px;
}
input {
margin-bottom: 15px;
}
}
}
.log_btn {
width: 135px !important;
}
.wizard_quotes {
width: 80% !important;
}
.quote_service_wrapper {
width: 100% !important;
.mechanic_detail {
.book_now {
width: 100% !important;
}
.book_now_disabled {
width: 100% !important;
}
}
}
.login_modal_inner {
width: 100% !important;
}
.scheduletiming_listing {
width: 100% !important;
}
}
/* 02.0 Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {}
/* 03.0 Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {}
/* 04.0 iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {}
/* 05.0 iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}
/* 06.0 iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {}
/* 07.0 Desktops and laptops ----------- */
/* LOW RESOLUTION ----------- */
@media only screen and (min-width: 900px) and (max-device-width: 1249px) {
.login_modal_content {
top: 0px !important;
}
.how_it_works h4 {
height: 70px;
}
.how_it_works p {
height: 100px;
}
.service_check h4 {
height: 70px;
}
.service_check p {
height: 100px;
}
.purchase_wrapper {
.purchase_content_wrapper {
.purchase_content_section {
.search_listing_content {
ul {
li {
list-style: none;
padding: 10px;
width: calc(100% - 67%);
display: inline-block;
}
}
}
}
}
}
.navbar {
.container-fluid {
max-width: calc(100% - 2%) !important;
}
}
}
@media only screen and (min-width: 1250px) and (max-device-width: 1359px) {
.login_modal_content {
top: 0px !important;
}
.how_it_works h4 {
height: 70px;
}
.how_it_works p {
height: 100px;
}
.service_check h4 {
height: 70px;
}
.service_check p {
height: 100px;
}
.purchase_wrapper {
.purchase_content_wrapper {
.purchase_content_section {
.search_listing_content {
ul {
li {
list-style: none;
padding: 10px;
width: calc(100% - 75%) !important;
display: inline-block;
}
}
}
}
}
}
.navbar {
.container-fluid {
max-width: calc(100% - 2%) !important;
}
}
}
@media only screen and (min-width: 1360px) and (max-device-width: 1399px) {
.purchase_wrapper {
.purchase_content_wrapper {
.purchase_content_section {
.search_listing_content {
ul {
li {
list-style: none;
padding: 10px;
width: calc(100% - 67%) !important;
display: inline-block;
}
}
}
}
}
}
.navbar {
.container-fluid {
max-width: calc(100% - 2%) !important;
}
}
}
@media only screen and (min-width: 1400px) and (max-device-width: 1600px) {
.purchase_wrapper {
.purchase_content_wrapper {
.purchase_content_section {
.search_listing_content {
ul {
li {
list-style: none;
padding: 10px;
width: calc(100% - 75%) !important;
display: inline-block;
}
}
}
}
}
}
}
/* 08.0 Large screens ----------- */
@media only screen and (min-width: 1824px) {}
/* 09.0 iPhone 4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}
/* 10.0 iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
/* 11.0 iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}
/* 12.0 iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
/* 13.0 Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
/* 14.0 Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}
/* 15.0 Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}
@media (max-width: 480px) {}
@media only screen and (min-width: 1000px) {}