/*mobile*/
@media (min-width:320px) and (max-width:767px) {
.car-logos {background:#000;padding:5px 0px; width:100%; position:fixed; top:32px; left:0; z-index:9999;}
.car-logos ul {list-style:none; margin:0px 0px 5px 0px; padding:0px 0px 0px 8px;}
.car-logos li{float:left !important; width:16% !important;}
.car-logos li img {width:90%;}
.nav.navbar-nav {clear: both;float: left;margin: 10px auto;width: 100%; margin-top:35px;}
.navbar-collapse {box-shadow:none;}
#theservice {border-top:8px solid #cccccc;}
#theservice .outer-bg-wht {text-align:center;}
#theservice .outer-bg-wht h1 {padding-bottom:16px; border-bottom:1px solid #c2c2c2; margin:10px 10px; font-size:18px;}
#theservice .outer-bg-wht h2  {font-size:16px;}
.homepage li {background:url(../img/dreamcollection/hp-slide-carbx-bg.jpg) no-repeat center center; float:left; width:50%; list-style:none;}
.homepage li h5 {font-size:80%; text-align:center}
.homepage li div {text-align:center;}
.homepage li div img{width:60%; margin:0px auto;}
.homepage li .car-name {display:table; height:50px; text-align:center;width:100%;}
.homepage li .car-name h5 {display:table-cell; vertical-align:middle; height:50px !important; float:none !important; width:100%;}
.drm_clc_header {height: auto;}
.dream_collection_logo {width:100% !important;}
.dream_collection_logo img {width:100% !important; margin:10px 0px 0px 0px;}
.container { width:100% !important; background:transparent!important; padding:0px !important;}
header {width:100% !important; }
.slider {width:100% !important;}
.car_slide_menu {width:100% !important; left:0px;background-image:url(../img/dreamcollection/car_slide_bgmob.png); background-repeat:repeat; position:relative !important; top:0; float:left; height:auto;}
.hurts_side_logo{width:105px;}
.display_onoff320 {display:none;}
.displayshow320 {display:block !important; border-bottom:5px solid #000;}
.displayshow320 .text_show {border:0px; padding:10px;}
.brand_logo ul li {width:15%;}
.brand_logo ul li img {margin:8px 0px 5px 0px; width:100% !important;}
.margin_top_30 {margin-top:0px !important; background-color:#000 !important;}
.car_detail_panel  {margin:10px 0px 10px 0px !important;}
.car_detail_panel p {margin:2px 0px 2px 0px; }
.car_detail_panel3  {margin:10px 0px 10px 0px !important;  border-left:0px;}
.car_detail_panel3 p {margin:2px 0px 2px 0px; }
.car_detail_panel2  {margin:10px 0px 0px 0px !important; padding-left:0px; border-left:0px;}
.car_detail_panel2 ul{padding:0px 0px 0px 20px;  border-top:0px solid #333333 !important;}
.car_detail_panel2 ul li {margin-top:10px;}
.bor_bot { border-bottom:0px !important; }
.hide320 { display:none;}
.detail_width {width:100%;}
.form_bar_bg {background-image:none; padding-bottom:20px; border-bottom:0px; border-top:0px;}
.car_advr {width:88%;  border:0px; background-color:#fff; margin:0px; padding-top: 14px; border:1px solid #CCC; margin:0px auto; margin-top:20px; min-height:auto;}
.car_advr p {font-size:12px; }
.car_advr span {font-size:25px;  line-height: 25px;}
.rent_car {width:100%; float:left;  margin:0px; }
.rent_car h2 {font-size:21px; margin:10px 0; padding:0;}
.check-select {margin-left:0px;}
.check-select p {font-size:12px; }
.other_vehicles_show {width:100%; margin:0px; border:0; padding:0px; background:#000;}
.other_vehicles img {margin:10px 0px 10px 0px; width:100% !important;}
.other_vehicles_show ul li {width:50%;  padding:0px; margin:0px; border-left:0px;font-size:12px !important;}
.car-showmob #myList {margin:0px; padding:0px;}
.car-showmob #myList li {float:left; width:100%;}
.car-showmob #myList li img {width:100%;}
.car-showmob #myList li span {float:left;}
.car-showmob #myList li a {color:#fff !important;}
#myList li{display:none;}
.contact_bar {padding:0px;}
.call_write h2{font-size:18px; padding:25px 10px 25px 10px; margin:0px; font-style:italic;}
.contact_form {margin-top:20px !important;}
.contact_form textarea {border-bottom:0px; margin-bottom:10px !important;  }
.contact_form span {border:0px; margin-bottom:30px !important;}
.contact_form button {width:100%; border:1px solid #fff; padding:0px; margin:0px;}
.brand_logo_top {padding-left:0px;  }
.brand_logo_top ul li {width:14%;}
.brand_logo_top  ul li img {margin:10px 0px;width:99%;}
.car_heading_n_pic {margin:30px 0 19px;}
.car_heading_n_pic h1 { border-bottom:0px !important; margin:0px !important; font-size:20px; line-height:22px;}
.car_heading_n_pic img {margin:0;}
.hidden_text {display:none;}
.car-decriptn h2 {color:#4d4d4d; font-size:15px; text-transform:inherit; line-height:1.4; margin-top:5px;}
.car-decriptn p {text-align:center; font-size:13px;}
.car-decriptn a {width:80%; margin:0px 10%; }
.car-decriptn a:hover {margin-top:0px;}
.book-nowcontnr {width:100%; margin:10px 0; float:left;}
.book-nowcontnr  a {margin: 0px auto; float:none;}
.car_detail_bg {background-image:url(../img/dreamcollection/car_top_bgmob.jpg); background-repeat:repeat-x; background-color:#38464d;}
.bottom_color { padding-bottom:15px !important;}
.homepage h3 {background:#fff; padding:10px; margin:0px; text-align:center; font-size:15px; color:#666666;}
.homepage {border-top:2px solid #666; border-bottom:8px #cccccc}
.homepage li div{float:left; width:100%; padding:10px 0px;}
.homepage li h5 {background:#666666; text-align:center; padding:8px 0px 8px 0px; float:right; width:100%; color:#fff; margin:0px;}
.homepage li div img { margin: 0 auto;width: 80%;}
#theservice {border-top:8px solid #cccccc;}
#theservice .outer-bg-wht {padding:10px;}
.loadmore {width:100%;background:#fff; clear:both; padding:5px 0px 5px 0px; cursor:pointer; display:block;}
.loadmore .icon {background:url(../img/dreamcollection/load-more-icon.png) no-repeat 0px -6px; width:84px; height:16px; margin:0px auto;}
.loadmore .icon.active {background-position:0px -29px;}
.loadmore .icontext {width:84px; height:16px; margin:0px auto; color:#666; font-size:10px; text-align:center;}
.book-nowcontnr .form-button, .book-nowcontnr .form-button:hover{display:block; width:80%; margin:0px 10%;}
.book-nowcontnr .form-button span {display:block; width:100%;}

/*top navbar*/
.nav_b {width:100% !important; min-height:40px;}
.nav_b .nav li {float:none; padding-left:0; text-align:left; display:block !important; overflow:auto;}
.nav_b .nav span {display:none;}
.car-showmob .loadmore {display:none;}
.car-showmob ul#myList li {padding-left:0 !important; background:url(../img/dreamcollection/car-showarrow.png) center right no-repeat  #9da0a5 !important; margin-bottom:4px;}
.car-showmob ul#myList li div {width:45%; float:left;}
.car-showmob ul#myList li a span,.car-showmob ul#myList li a h3 {display:block; padding:0 0 0 2%; font-size:12px; text-align:left; background:none; border-bottom:0; margin:0;}
.nav_b .nav li a {display:block !important; background:#ffffff; color:#4d4d4d !important; text-align:center; margin-bottom:10px;}
.navbar-nav {margin-top:10px; padding:0 15px;}
.nav_b .nav li a:hover { background:#fff !important;}
.navbar-fixed {background: black; width:100%;position:fixed; z-index:999; top:0px; left:0px; height:35px;}
.navbar-fixed .navbar-toggle {top:5px}
/*top navbar*/

.drop-arrow {width:10px; height:10px; background:url(../img/dreamcollection/sprite.png) -1px -85px no-repeat !important; display:inline-block !important; margin-left:5px;}
.drop-arrow.active {background:url(../img/dreamcollection/sprite.png) -1px -77px no-repeat !important;}
.homepage {border-bottom:8px #cccccc}
.contact_form button {width:100%; border:1px solid #fff; padding:0px; margin:0px;}
.contact_form .check-select { background:none; margin-bottom:0px; padding:0 0 5px 0; border-left:0;border-right:0;}
.contact_form .check-select p { color:#fff}
.contact_form .check-select span.custom-checkbox { margin-bottom:5px !important;}
.steps {margin-left:0;}
.steps ul {width:98%; margin:0px auto; padding:0;}
.steps ul li {background-image:url(../img/dreamcollection/steps_bg2.png) !important; background-position:right 0px; padding:0px 10px 0px 10px; width:33%; margin-right:0;}
.steps ul li a { height:7px !important; background-color:#fff !important; border-bottom:7px solid #CCC;}
.steps ul li a:hover { border-bottom:7px solid #484848; }
.steps ul li a span { display:none !important;}
.a_active { border-bottom:7px solid #484848 !important;}
.book_car  { width: 88% !important; margin:0px auto; float:none; margin-top:10px;}
.book_car  .car_advr_pos {width:100%; margin-top:10px; margin-bottom:10px;}
.rent_car_mob {display:block !important;width:100%; float:left; background-color:#7d8081; text-align:center;font-family:'hzinterstate light'; color:#fff;}
.rent_car_mob  h2 { font-family:'hzinterstate extralight'; font-size:30px; margin:15px 0;}
.reuqest {display:none !important}
.confirmation_rent_car {width:100%; margin:0; min-height:0; height:auto; background:#fff; text-align:left; width:88%; margin:0px auto; float:none;}
.confirmation_rent_car h2,.confirmation_rent_car p {color:#666;}
.confirmation_rent_car p { margin:0;margin-bottom:15px;}
.step3 {margin-bottom:10px;}
.comment_area .add {padding:8px 10px; font-size:12px;}
.comment_area .cancel {padding:8px 10px; font-size:12px;}
.comment_area span { font-size:11px;}
.middle_text { font-size:16px;}
.middle_text p { margin-top:15%;}
.thankyou-message {height:auto;}
.cookie-popup{padding:5px 30px 10px 8px; width:300px;left:50%; margin-left:-150px;}
.cookie-popup .cookie-close{right:2px; top:2px;}
.error-message {position:relative; top:0;}
.breadcrumb_in {background:#2a2a2a}
.call_write span {text-decoration:underline; font-family:hzinterstate light; font-weight:bold;}
.ui-datepicker {width:280px !important;}


/*phase2*/
.select-destination .select-wrapper {margin:10px 0; display:block;}
.select-destination {font-size:14px; border-top:0;}
.select-country {display:none;}
.toggle-box{position:static;top:auto;right:0;background:#000;padding:8px; text-align:left; padding:0;width:100%; text-transform:uppercase; font-size:12px;display:block;}
.toggle-box select {padding:5px 0}
.nav_b .nav li.language-holder{display:block !important;}
.filter-car ul li{width:100%; text-align:left;}
.filter-car .category  {margin-top:10px;}
#theservice .outer-bg-wht {padding:0 10px;}
/*phase2*/
.promo-logo {margin:0px auto; float:none;}
}

/*tablet*/
@media(min-width:768px) and (max-width:992px) {
#theservice .outer-bg-wht {text-align:center;}
#theservice .outer-bg-wht h1 {padding-bottom:16px; border-bottom:1px solid #c2c2c2; margin:20px 10px; font-size:25px;}
.homepage .slick-list li {height:206px !important; position:relative;}
.homepage .slick-list li h5 {text-align:center; font-size:12px; color:#666666;}
.homepage .slick-list li div img {margin:10px auto 0px auto;}
.drm_clc_header { height: auto;}
.dream_collection_logo { width:100%;}
.dream_collection_logo img { width:100%; margin:10px 0px 0px 0px;}
.nav_b {width:100% !important; }
.container { width:100% !important; background:transparent!important; padding:0px !important;}
header {width:100% !important; }
.slider { width:100% !important; height:auto !important;}
.car_slide_menu   { width:94% !important;}
.hurts_side_logo{ width: 153px !important;}
.car_heading_n_pic h1 { border:none; }
.car_detail_panel { border-bottom:none; border-left:2px solid #333333;}
.display_onoff768 { display:none;} 
.book_car {width:94% !important;}
.other_vehicles_show ul li {width:49% !important;}
.bottom_link  ul { margin-left:10px;}
.car_detail_panel {border-left:0px; padding-left:20px; margin:0;  border-bottom:0px;  }
.bor_bot { border-bottom:0px; }
.margin_top_30 {margin-top:30px !important;}
.displayshow768 { display:block !important; }
.border_bottom_show768 { display:block!important; border-bottom:2px solid #333333; }
.date { background: url("../images/calendar.jpg") no-repeat scroll 197px 8px #ffffff !important;}
.other_vehicles_show {width: 95% !important;}
.other_vehicles_show ul li { width: 50% !important;}
.padding15 {padding:0px !important;}
.contact_bar { padding:20px !important;}
.car_detail_panel { padding-left:0px !important; border-left:0px; margin:0px;}
.car_detail_panel2 { padding-left:0px !important; border-left:0px; margin:0px;}
.car_detail_panel3 { padding-left:0px !important; border-left:0px; margin:0px;}
.car_detail_panel2 ul{ padding:10px 0px 0px 0px;  border-top:2px solid #333333 !important;}
.car_detail_panel2 ul li { margin-top:10px; width:65px;}
.text {padding-top: 20px !important; padding-bottom:30px !important; }
.contact_form {padding:0px !important; margin-top:30px !important;}
.contact_form span { text-align:center !important;}
.contact_form input[type="submit"]{ display:inline !important;}
.detail_width {width:26% !important;color:#666666;}
.brand_logo_top {padding-left:70px;  }
.car_detail_panel,.car_detail_panel2,.car_detail_panel3 { color:#666666;}
.supercars h2 { font-size:24px;}
.steps ul { width:100%; font-size:13px;}
.middle_text { font-size:16px;}

}

/*desktop*/
@media(min-width:993px){
.other_vehicles_show ul li a div {width:100%; height:161px; overflow:hidden;}
.other_vehicles_show ul li a img{position:relative;}
.homepage ul li div {width:100%; height:190px; overflow:hidden;}
.homepage ul li a img{position:relative;}
.animate-car-img ul li div {width:100%; height:189px; overflow:hidden;}
}
@media(min-width:993px) and (max-width:1024px) {
.dream_collection_logo { width:100% !important;}
.container { width:100% !important; padding:0px !important;}
.slider { width:100% !important; height:auto !important;}
header { width:100% !important; height:auto !important;}
.car_slide_menu { width:96% !important;}
.nav_b { width:100% !important;}
.steps ul { width:100%; font-size:13px;}
.animate-car-img ul li div {width:100%; height:169px; overflow:hidden;}
}

/*desktop and tablet only css*/
@media(min-width:768px){
.navbar-nav{float:left;position:relative;}
.navbar-nav a::after {position: absolute;top: 79%;left: 0;width: 100%;height: 1px;background: #fff;content: '';	opacity: 0;	-webkit-transition: height 0.3s ease 0s, opacity 0.3sease 0s, transform 0.3s ease 0s;-moz-transition: height 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s;transition: height 0.3s ease 0s, opacity 0.3s ease 0s,transform 0.3s ease 0s;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);transform: translateY(-10px);
}
.navbar-nav a:hover::after,
.navbar-nav a:focus::after {	height: 4px;opacity: 1;	-webkit-transform: translateY(0px);	-moz-transform: translateY(0px);	transform: translateY(0px);}
.steps ul li:last-child {background:none;}
.car-showmob {display:none;}
}
/*desktop and tablet only css*/