/*
Template: vrooom
Author: https://iqonic.design/
Version: 1.0
Design and Developed by: https://iqonic.design/

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!

*/


@media(min-width:2200px){
	.elementor-9 .elementor-element.elementor-element-1298d214:not(.elementor-motion-effects-element-type-background) ,.elementor-7 .elementor-element.elementor-element-5f32e27:not(.elementor-motion-effects-element-type-background){background-size: contain !important; }
	header .main-header, header.style-one .sub-header, .admin-bar header.menu-sticky .main-header{padding: 0 40px;}
 }
 
 @media(max-width:1920px) {	
	header .main-header, header.style-one .sub-header, .admin-bar header.menu-sticky .main-header { padding: 0 40px; }
 }
@media(max-width: 1600px){
	.slider2-bottom-block{display: none !important;}
}
 @media(max-width:1499px) {
	header .navbar ul li { margin-right: 20px; }
	.iq-slider1-right-menu, .iq-slider1-left-menu{display: none !important;}
 }
 
@media screen and (max-width:4000px) and (min-width:1200px) {
	header .navbar ul li:hover>.sub-menu { display: block !important; -webkit-animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both; }
	header .navbar ul li:hover a, header .navbar ul li:hover i { color: var(--primary-color); text-decoration: none; }
	header .navbar ul li:hover .sub-menu { display: block; background: var(--white-color); position: absolute; top: 80px; left: 0; padding: 15px 0; display: inline-block; min-width: 256px; -webkit-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10); -moz-box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10); box-shadow: 0px 1px 30px 0px rgba(36, 38, 43, 0.10); border-radius: 3px; }
	header .navbar ul li .sub-menu li:hover>.sub-menu { display: block; background: var(--white-color); position: absolute; top: -15px; left: -100%; display: inline-block; min-width: 256px; -webkit-box-shadow: 0px 1px 16px 0px rgba(36, 38, 43, 0.08); -moz-box-shadow: 0px 1px 16px 0px rgba(36, 38, 43, 0.08); box-shadow: 0px 1px 16px 0px rgba(36, 38, 43, 0.08); }
	
}

 @media(max-width:1399px) {
	header .sub-header { padding: 10px 30px }
	header .main-header, header.style-one .sub-header, .admin-bar header.menu-sticky .main-header { padding: 0 45px; }
	.owl-carousel .owl-nav .owl-prev { left: -50px; }
	.owl-carousel .owl-nav .owl-next { right: -50px; }
	header .navbar ul li { margin-right: 10px; }
	.iq-slider1-text {display: none !important;}
	.iq-slider3-btn{ display: none !important;}
 }

 @media(max-width:1365px) {
	header .sub-header { padding: 0px 15px }
	header .main-header, header.style-one .sub-header, .admin-bar header.menu-sticky .main-header { padding: 0 30px; }	
	.admin-bar header.two.menu-sticky .main-header { padding: 0px 30px; }
	.owl-carousel .owl-nav .owl-next { right: -10px; }
	.owl-carousel .owl-nav .owl-prev { left: -10px; }  
 }

 
 @media(max-width:1299px) {
	header.style-one li .search-box .search-submit, header.style-one li .search-box input[type="search"] { right: -10px; }
	header.style-vertical .iq-vertical-btn-container.btn-vertical-close { display: inline-block; }
	body.vertical-menu-expanded .site.vertical-site-content { padding: 0; }
	.iq-vertical-btn-container.btn-vertical-open, .vertical-navbar-brand{ display: inline-block; }
	body.vertical-menu-expanded .iq-vertical-btn-container.btn-vertical-open, body.vertical-menu-expanded .vertical-navbar-brand {display: inline-block; opacity: 1;}
	header.style-vertical { left: -300px; z-index: 999; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
	body.vertical-menu-close header.style-vertical { left: 0; z-index: 999; }
	body.vertical-menu-expanded .site.vertical-site-content .elementor-section.elementor-section-stretched { padding-left: 0px !important; }
	header .navbar ul li:last-child { margin-right: 30px;}
	.iq-blog-box .iq-blog-cat {position: relative;margin-bottom: 20px;}
	header .navbar ul li {margin-right: 5px;font-size: 15px;}
 }

 
 @media(max-width:1199px) {
	header .sub-main nav a{display: none;}
	header .navbar ul li:hover .sub-menu{border-radius: 0;}
	header .navbar ul li .sub-menu li:hover>.sub-menu , header.menu-sticky .navbar ul li .sub-menu li:hover>.sub-menu{top: 0;} 
	header .navbar ul li .sub-menu li{padding: 0px;} 
	header .navbar ul.sub-menu li{padding: 0;}
	.iq-sidearea-btn-container {display: none;}
	header .main-header, header.style-one .sub-header, .admin-bar header.menu-sticky .main-header { padding: 0 15px; }
	header .navbar ul li { margin-right: 10px; }
	header .iq-button-style-2 ,header .iq-button-style-1{display: none;}
	header .iq-mobile-main {display: block;}
	header .navbar ul li a::before{background-position:left center !important; left: 15px;}
	header .iq-mobile-main .iq-button-style-2 ,header .iq-mobile-main .iq-button-style-1{display: inline-block;}
	header .iq-mobile-main{background-color: #ffffff; padding: 15px 30px;}
	header .navbar-light{position: static;}
	header.style-vertical .navbar ul li.current-menu-item a, header.style-vertical .navbar ul li a:hover { background: inherit; }
	header.style-vertical .navbar ul li i { padding: 0; }
	header.style-vertical .navbar ul.navbar-nav, header.style-vertical .menu-main-menu-container { max-height: inherit; }
	header .navbar ul li .sub-menu, header .navbar ul li:hover .sub-menu { display: none; background: rgba(125, 144, 166, 0.14); position: relative; top: 0; width: 100%; padding: 10px 15px; z-index: 9; }
	header .navbar ul li .sub-menu li:hover>.sub-menu { width: 100%; background: rgba(125, 144, 166, 0.14); position: relative; left: 0; box-shadow: none; padding: 10px; }
	header .navbar .navbar-nav li:last-child .sub-menu li:hover>.sub-menu, header .navbar .navbar-nav li:nth-last-child(2) .sub-menu li:hover>.sub-menu{right: 0;}
	header .navbar .menu-main-menu-container { overflow-y: scroll; overflow-x: hidden; height: calc(100vh - 235px); display: inline-block; width: 100%; background: var(--white-color); }
	header.header-default .navbar .menu-main-menu-container{height: 90vh;}
	.iq-mobile-header-view{display: block; height: 100vh;}
	header .navbar ul li:hover .sub-menu { box-shadow: none; }
	header .main-header, header.style-one .sub-header, .admin-bar header.menu-sticky .main-header { padding: 10px 15px; }
	header .main-header .col-sm-12, header.style-one .sub-header .col-sm-12, .admin-bar header.menu-sticky .main-header .col-sm-12{ padding: 0 30px; }
	header.style-one.style-two ul li .sub-menu, header.style-one.style-two .navbar ul li:hover .sub-menu { background: var(--body-text); }
	header.menu-sticky .main-header { padding: 10px 0; }
	header .navbar .navbar-nav li .sub-menu li a, header .navbar ul li .sub-menu li .sub-menu li.menu-item a { background: var(--white-color); }
	header .navbar ul li .sub-menu li:hover>.sub-menu, header .navbar .navbar-nav li .sub-menu li:hover>.sub-menu { padding: 10px; }
	header .main-header { z-index: 99; }
	header .navbar .sub-main .blue-btn.button { right:70px; position: relative; }
	header .navbar-light .navbar-toggler { background: var(--primary-color); color: var(--white-color); border-color: var(--primary-color); padding: 0.25rem .50rem; position: absolute; right: 0px; }
	header.style-one .navbar-light .navbar-toggler { right: 30px; border-radius: 3px;}
	header .navbar-light .navbar-toggler:focus { outline: none }
	header .navbar-collapse { background-color: var(--white-color); position: absolute; top: 49px; line-height: 0; left: 0; display: inline-block; width: 100%; -webkit-box-shadow: 0px 10px 30px 0px rgb(23 28 37 / 0.1); -moz-box-shadow: 0px 10px 30px 0px rgb(23 28 37 / 0.1); box-shadow: 0px 10px 30px 0px rgb(23 28 37 / 0.1); z-index: 99; }
	header.menu-sticky .navbar-collapse {top: 48px;}
	header.style-one.style-two .navbar ul, header.style-one.style-two { background: var(--secondary-color); }
	header .navbar ul { float: left; display: inline-block; width: 100%; background: var(--white-color); }
	header .navbar ul li.current-menu-parent>a { background:transparent; color: var(--primary-color); }
	header .navbar ul li, header .navbar ul.sub-menu li { margin-right: 0; display: inline-block; position: relative; width: 100%; }
	header .navbar ul li a { color: var(--title-color); line-height: normal; display: inline-block; width: 100%; font-size: 18px; padding: 15px 30px; z-index: inherit; text-align: left; }
	header .navbar ul li a:before { border-radius: 0 }
	header .navbar ul li .sub-menu li a { color: var(--body-text); padding:15px; border-radius: 0;}
	header .navbar ul li i { display: block; position: absolute; right: 0; top: 0; padding: 12px 30px; line-height: 28px; font-size: 20px; z-index: 9; color: var(--title-color); transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out }
	header .navbar ul li a:before{bottom: 0;}
	header .iq-btn.one{color: var(--title-color);}
	header.menu-sticky .main-header .navbar ul li a { line-height: normal; text-align: left; }
	header.menu-sticky .main-header .navbar ul li:hover .sub-menu { top: 0 }
	header .navbar ul li .sub-menu li i { top: 0; right: 0; color: var(--secondary-color); font-size: 20px ;padding: 8px 15px; transform: inherit;}
	header .navbar ul li .sub-menu li.current-menu-item i{color: var(--white-color);}
	header .navbar ul li .sub-menu li:hover>.sub-menu { width: 100%; background: #f6f5f7; position: relative; left: 0; box-shadow: none; padding: 0px; }
	header.style-one .navbar-brand { line-height: 0; }
	header.style-one .shop_list { background: none !important; position: absolute; right: 60px; top: 17px; }
	header.style-one li .search-box .search-submit { top: -46px; right: -6px; }
	header.style-one li .search-box .search-submit i { color: var(--secondary-color); }
	header.style-one li .search-box input[type="search"] { right: 0; top: -30px; }
	header.style-vertical .vertical ul{background: transparent;}
	header.style-one.style-two .navbar ul li.current-menu-item a, header.style-one.style-two .navbar ul li a:hover { color: var(--white-color); }
	header.style-one.style-two .navbar ul li .sub-menu li:hover, header.style-one.style-two .navbar ul li a:hover, header.style-one.style-two .navbar ul li.current-menu-item a, header.style-one.style-two .navbar ul li.current-menu-parent a, header.style-one.style-two .navbar ul li.current-menu-parent i, header.style-one.style-two .navbar ul li.current-menu-item i { color: var(--white-color); }
	header.style-one.style-two .navbar ul li.current-menu-parent>a, header.style-one.style-two .navbar ul li .sub-menu li.current-menu-item a { background: var(--primary-color); color: var(--white-color); }
	header.style-one .blue-btn.button { position: inherit; padding: 6px 20px; }
	.comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url,.commentlist .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url{width: 100%;}
	.site.vrooom footer .design-widget{margin-top: 0; margin-bottom: 30px;}
	header .iq-btn.one{padding: 0 30px 15px 0;}
	header .iq-btn.two {margin-bottom: 15px;}
	.stm_single_car_side, .archive-listing-page_side,.archive-listing-page .listing-list-loop .image {width: 100%;}
	.archive-listing-page .listing-list-loop .content{width: calc(100% - 380px);}
	.stm_single_car_content, .archive-listing-page_content{width: 100%; margin-top: 45px;}
	header .iq-btn {padding: 15px 30px;}
	header .iq-mobile-main .iq-btn.one .iq-btn-line-holder {background: var(--title-color);	padding: 15px 25px;border-radius: 3px;}
	header .iq-mobile-main .iq-btn.one .iq-btn-line-holder .iq-btn-text, header .iq-mobile-main .iq-btn.one .iq-btn-line-holder i{color: var(--white-color);}
	header.style-one .navbar-light .navbar-brand{line-height: normal;}

 }
 
 @media only screen and (device-width:1024px) {
	 
	header .navbar ul li { margin-right: 20px; }
	header .navbar ul li { margin-right: 10px; }
	header .main-header, header.style-one .sub-header, .admin-bar header.menu-sticky .main-header { padding: 0 30px ; }
	.owl-carousel.client-logo.client-bg-shadow.owl-loaded.owl-drag { margin-top: -160px; }
	footer .footer-top{padding: 100px 15px 80px 15px;}
 }
 @media(max-width:1024px) {
	header.style-one .sub-header{padding:  0 15px;}
	.owl-carousel.client-logo.client-bg-shadow.owl-loaded.owl-drag { margin-top: -160px; }
	.content-area .site-main{padding: 70px 15px;}
	
}
 
@media(max-width:992px){
	.archive-listing-page .listing-list-loop .content{width: 100%;}
	.iqonic-stabdard-listings .meta-middle-unit.font-exists.ca-year{bottom: 30px; right:30px;}
	.iqonic-stabdard-listings .listing-list-loop .content .meta-top .price.discounted-price{right:30px;}
	.iqonic-stabdard-listings .listing-list-loop .content .meta-top .price.discounted-price{top: 30px;}
	.archive-listing-page .listing-list-loop{display: block;}
	.listing-list-loop .content .meta-top .price.discounted-price {padding: 5px 30px;display: inline-block;}
	.archive-listing-page .listing-list-loop .content{padding: 20px 30px 30px 30px;}
	.archive-listing-page .listing-list-loop .image .image-inner img{width: 100%; height: 100%;}
	.archive-listing-page .listing-list-loop .image{max-width: 100%;}
	.iqonic-stabdard-listings .listing-list-loop .image{margin: 0;}
	header .iq-btn{padding: 15px 25px;}
	
}
 @media(max-width:767px) {
	.commentlist .iq-comments-info .title{display: block;}
	.commentlist .iq-comment-metadata{float: inherit; margin-left: 0;display: block;}
	.commentlist .iq-comments-info{margin-top: 20px;}
	.iq-reply.iq-button-style-2{position: relative;margin: 10px 0 0;}
	.comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url ,.commentlist .comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url{width: 100%;}
	header.header-three .sub-header-three { display: none; }
	header.style-one .sub-header .request-btn a { padding: 14px 30px; margin-left: 0px; right: -15px; top: 2px; }
	header.style-one .sub-header .request-btn a:before { width: 126%; }
	header.style-one .sub-header .social-icone { margin-left: 0px; }
	header .sub-header .number-info li, header .sub-header .number-info li:last-child { border: none; }
	header.style-one .container-fluid.sub-header .row .col-auto.mr-auto { background: var(--white-light-color); }
	header.style-one .sub-header .number-info li:last-child { text-align: right; }
	.page-numbers li .prev.page-numbers, .page-numbers li .next.page-numbers { display: none }
	.commentlist .iq-comment-wrap { display: block }
	.commentlist ol.children { padding-left: 30px }
	.product-quantity .quantity { float: right; }
	header.style-one .sub-header .number-info li a { font-size: 12px; }
	.admin-bar header{ top: 46px; }
	.admin-bar header.menu-sticky{top:0px;}
	header .navbar .sub-main .blue-btn.button { position: relative; }
	header .iq-mobile-main{margin-top: -1px;}
	.iq-sell-a-car .container{padding:0;}
	.stm_add_car_form.stm_add_car_form_ .stm-form-3-photos .stm-add-media-car .stm-media-car-gallery .stm-placeholder{width: 50%;}
	.stm_add_car_form.stm_add_car_form_ .stm-user-registration-unit .stm-login-register-form .stm-register-form form{padding:0px; box-shadow: none; border: none;}
	.stm-login-register-form.vrooom-reg-login .stm-login-form .form-control ,.stm-login-register-form.vrooom-reg-login .stm-register-form form .form-group{margin-bottom: 0;}
	.stm-login-register-form.vrooom-reg-login .stm-register-form form .form-group.form-group-submit{margin-bottom: 30px;}
	.stm-user-private.iq-override-user-private .form-control{margin-bottom: 0;}
	.iq-categories-wrapper .iq-owl-progress{margin-left: calc(38% - 100px + 15px); width: 80%;}
	.owl-carousel.vrooom-slider.style-two .owl-item img {display: block;width: 100%;min-height: 350px; object-fit: cover;}
	header .navbar-light .navbar-brand img.logo {width: 155px;}
	.iq-blog-box{ margin-bottom: 30px;padding-bottom: 30px;}
	.site.vrooom .footer-top-standard{padding: 40px 0;}
	footer .footer-top {padding: 70px 15px 50px;}
  }
 
  @media(max-width:620px) {
	.page-numbers li.prev-list-item, .page-numbers li.next-list-item{float: none; padding: 0 15px; height: 45px;line-height: 45px; background: transparent; }
	.page-numbers li.next-list-item, .page-numbers li.prev-list-item{margin:15px 7px 0;}
	.page-numbers li .page-numbers{margin: 15px 7px 0;}
	.page-numbers li.prev-list-item:hover, .page-numbers li.next-list-item:hover{background: var(--primary-color);}
  }
 
 @media(max-width:576px) {
	.archive-listing-page_content ,.stm_single_car_side, .archive-listing-page_side{padding: 0 15px;}
	.iqonic-stabdard-listings .meta-middle-unit.font-exists.ca-year ,.iqonic-stabdard-listings .listing-list-loop .content .meta-top .price.discounted-price ,.iqonic-stabdard-listings .listing-list-loop .content .meta-top .price{position:inherit;     text-align: left;}
	.iqonic-stabdard-listings .listing-list-loop .content .meta-top .price{text-align: left;}
	.stm_add_car_form.stm_add_car_form_ #stm_user_info .stm-add-a-car-user .left-info{width: 100%;}
	.stm_add_car_form.stm_add_car_form_ .stm-add-a-car-user .right-info{    text-align: left;
		float: left;
		overflow: inherit;}
	.responsive-vertical-logo-btn .blue-btn.button { display: none; }
	.stm-user-private.iq-override-user-private .stm-my-profile-settings .stm-image-unit .stm-upload-new-avatar{float: left ; width: 100%;}
	.iq-amazing-tab ul.nav li{margin-right: 0; width: 100%; text-align: center;}
	.site.vrooom .footer-top-standard .iq-contact-mo{font-size: 34px;}
 }
 @media(max-width:527px) {
	.sub-header .social-icone { display: none; }
	#vertical-menu-sub-main { display: none; }

	
 }
 @media(max-width:479px) {
	.iq-contact li.iq-week{margin: 0;}
	.iq-blog-box .iq-blog-cat{ position: relative; margin-bottom: 20px;}
	header .navbar-light .navbar-toggler { right: 0; }
	header.two .request-btn .button, .iq-breadcrumb-one .breadcrumb li:last-child::after { display: none; }
	header .sub-header .number-info li a { font-size: 12px; }
	header.style-one .sub-header .request-btn a:before { width: 260%; left: -15px; }
	.error-404 .big-text { font-size: 150px; line-height: 160px }
	.iq-coming h1 { font-size: 42px; margin-bottom: 30px; }
	.maintenance h2 { font-size: 32px; }
	.iq-coming .countdown li { margin: 10px; width: auto; height: auto; padding: 10px; margin: 0; border: none; }
	.iq-coming .countdown li span:after { top: -9px; right: -20px; font-size: 24px; }
	.iq-coming .countdown li span { font-size: 24px; line-height: 24px; }
	.iq-coming .countdown li p { font-size: 12px; line-height: 20px; font-weight: inherit; }
	.client-border .owl-carousel .owl-item img { margin: 0 auto; }
	.about-us-images .main-video { position: relative; top: 0; }
	.year-info.fly-text { left: 0; }
	.year-info span { font-size: 80px; }
	.consulting-blog .blog-button { top: 46px; }
	.careers-faq .iq-accordion .iq-ad-block .ad-title span { font-size: 20px; }
	.year-box:before { right: -15px; top: 15px; border-width: 15px 0 0 15px; }
	.year-box { width: 140px; height: 120px; }
	.consulting-blog .blog-details { padding: 15px 0 5px; }
	header .navbar .sub-main .blue-btn.button { display: none; }
	.year-box span { font-size: 36px; }
	.iq-blog-box .blog-title a h4 { font-size: 22px; }
	.commentlist .iq-comments-info .title{display: block;}
	.commentlist .iq-comment-metadata{margin-left: 0;}
	.owl-carousel.vrooom-slider.style-two .owl-item img{min-height: 400px;}
	.site.vrooom .footer-top-standard .iq-contact-mo{font-size: 24px;}
	blockquote.quote-style.blog-blockquote {padding: 80px 30px 15px 30px;text-align: center;}
	blockquote.quote-style.blog-blockquote::before{left: 0;right: 0;top: 25px;}
	header .iq-mobile-main .iq-btn{display: block;}
	header .iq-btn.one {padding: 0 0 20px 0;}
	.iq-btn .iq-btn-line-holder{justify-content: center;}
	header .navbar .menu-main-menu-container{height: calc(100vh - 295px);}
	.iq-filter-tab .nav-tabs .nav-item {margin: 0 0 15px 0;display: block;}
	.slider-bg-text .iq-vrooom-slider::before{font-size: 150px; letter-spacing: 5px;}

	
 }
 @media(max-width:359px) {
	header.header-three .sub-header { display: block; }
	header.style-one li .search-box input[type="search"] { right: -8px; }
	header li .search-box input[type="search"]:focus { width: 235px; }
	.sub-header { display: none }
	.error-404 h1 { font-size: 62px; }
	header.style-one .search-box { display: none }
   
 }
 @media(max-width:324px){
	header .iq-button-style-1{margin-top: 15px;}
 }