*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body, html { font-size: 100%; padding: 0; margin: 0; height: 100%; overflow-x: hidden; } body a { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } body ul { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } body li { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } body { overflow-x: visible; overflow-y: visible; font-size: 15px; line-height: 18px; color: #000000; } h1 { margin: 10px 0px; color: white; font-size: 40px; line-height: 45px; text-align: center; font-family: 'Myriad Pro'; font-weight: 600; font-style: normal; } h2 { margin: 10px 0px; font-size: 32px; line-height: 36px; font-family: 'Myriad Pro'; font-weight: 600; font-style: normal; } h3 { margin: 10px 0px; font-size: 18px; line-height: 30px; font-family: 'Myriad Pro'; font-weight: 600; font-style: normal; } h4 { margin: 0px 0px 10px; padding-top: 5px; color: white; font-size: 20px; line-height: 24px; font-family: 'Myriad Pro'; font-weight: 600; font-style: normal; text-align: center; } h5 { margin: 10px 0px; font-size: 14px; line-height: 20px; font-weight: 700; } h6 { margin: 10px 0px; font-size: 12px; line-height: 18px; font-weight: 700; } p { margin-bottom: 5px; color: #333333; text-align: left; font-family: 'Myriad Pro'; font-weight: normal; font-style: normal; line-height: 22px; font-size: 14px; } a { color: #888; text-decoration: none; } i { margin-right: 5px; } button{ border:none; padding:5px; } .text-center { text-align: center; } section { float: left; width: 100%; padding: 50px 0; } .white-text { color: #fff !important; } h2.general_heading { font-size: 26px; text-transform: uppercase; color: #3269A9; } .general_ul{ line-height: 25px; } /*----- Header style end --------*/ .alert { padding: 20px; background-color: #f44336; /* Red */ color: white; margin-bottom: 15px; }/* The close button */ .alert.success { background-color: #4CAF50; } .success { padding: 20px; background-color: #f44336; /* Red */ color: white; margin-bottom: 15px; }/* The close button */ .closebtn { margin-left: 15px; color: white; font-weight: bold; float: right; font-size: 22px; line-height: 20px; cursor: pointer; transition: 0.3s; } /* When moving the mouse over the close button */ .closebtn:hover { color: black; } .top-header { float: left; width: 100%; padding: 10px 0; background: #000000; color: #fff; } .top-right { float: right; text-align: right; } .reg { float: right; margin-right: 10px; padding-right: 15px; color: #ffffff; font-size: 16px; text-transform: uppercase; } .login { float: right; margin-right: 10px; padding-right: 15px; color: #ffffff; font-size: 16px; border-right: 1px solid #fff; text-transform: uppercase; } .w-col.w-col-3.top-left { position: relative; left: 20%; color: #fff; } .country_time { color: #FFFFFF; text-transform: uppercase; } .total_stock { position: absolute; margin: 0 auto; float: none; text-align: center; font-size: 18px; left: 0; right: -150px; width: 150px; } .fixed-header { float: left; width: 100%; height: auto; background-color: #3269A9; } .logo-div { width: 20%; } .logo { position: absolute; top: -38px; background: #ffffff; padding: 11px 16px; } .logo img { float: left; width: auto; } .main-nav { float: right; } .nav { height: auto; float: left; } .nav-menu>ul { list-style: none; padding-left: 12px; } .nav-menu>ul>li { float: left; padding-top: 15px; padding-bottom: 15px; } .nav a { color: #ffffff; text-transform: uppercase; font-size: 16px; font-weight: 600; } .nav a:hover { color: #000; } .nav-menu ul li:hover { color: #000 !important; } .w-nav-link.w--current { color: #000; } .w-nav-link.w--current:hover { color: #000; } .dropdown { position: absolute; background: #000; list-style: none; padding: 10px; min-width: 200px; margin-top: 14px; display: none; } .nav-menu>ul>li:hover .dropdown { display: block; } .dropdown li a { margin: 0px 0 15px 0; color: #ffffff; float: left; width: 100%; } .dropdown li a:hover { color: #3269A9; } .sub-dropdown { position: absolute; background: #000; list-style: none; padding: 10px; min-width: 200px; margin-top: 20px; display: none; left: 200px; } .dropdown>li:hover .sub-dropdown { display: block; } .menu-li { padding-top: 0px; padding-bottom: 0px; font-weight: 400; border-right: 1px solid #ffffff; font-family: 'Raleway', sans-serif; font-size: 14px; } .glbl-stock .menu-dropdown-list { font-size: 16px !important; line-height: 15px; text-transform: none !important; } i.flag { float: left; width: 18px; height: 14px; margin-right: 8px; display: inline-block; background-image: url(../images/sprites.png); background-repeat: no-repeat; } i.flag.swaziland { background-position: 0 -156px; } i.flag.lesotho { background-position: -24px -155px !important; } i.flag.global { background-position: 0 -112px; } i.flag.chili { background-position: -24px -185px; } i.flag.dominican { background-position: -24px -156px; } i.flag.mongolia { background-position: -22px -171px !important; } i.flag.japan { background-position: 0 -14px; } i.flag.kenya { background-position: 0 -84px; } i.flag.namibia { background-position: 0 -127px; } i.flag.botswana { background-position: -24px -127px; } i.flag.south-africa { background-position: 0 -56px; } i.flag.south-africa { background-position: 0 -56px; } i.flag.tanzania { background-position: 0 -28px; } i.flag.uae { background-position: 0 -70px; } i.flag.uk { background-position: 0 -98px; } i.flag.zambia { background-position: 0 -42px; } i.flag.uganda { background-position: -24px -141px; } i.flag.zambia { background-position: 0 -42px; } i.flag.uae { background-position: 0 -70px; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222; padding: 0px 20px; text-align: left; margin-left: auto; margin-right: auto; } .important.not { float: left; border: 1px solid #e3e3e3; margin: 10px 0; padding: 14px; border-radius: 5px; background: #f3f3f3; } .important.not p { font-weight: normal; line-height: 18px; } .danger { color: red; font-weight: 600; } .Good { color: green; font-weight: 600; } .border-none { border: none; } .nav_social_icon { float: right; margin-right: 16px; padding-top: 10px; } .social-icons { float: none; position: relative; bottom: 0; } .social-icons a { display: inline-block; font-size: 36px; padding: 0 3px; color: #fff; } /*----- Header style end --------*/ /*----- left-side-bar style --------*/ .left_sidebar { float: left; width: 18%; } .available_stock { padding: 20px 10px; background: #3269A9; color: #fff; float: left; width: 100%; margin-bottom: 10px; } .stock_flag { width: 50px; float: left; height: 34px; margin-right: 10px; display: inline-block; background-image: url(../images/sprites.png); background-repeat: no-repeat; background-size: 900px; } .japan { background-position: -171px 0px; } .kenya { background-position: -411px 0px; } .stock_country { float: left; font-size: 22px; width: 60%; } .stock_count { float: left; font-size: 14px; width: 60%; line-height: 14px; } .makerlogo { left: 0; top: 0; position: absolute; display: inline-block; background-image: url(../images/sprites.png); background-repeat: no-repeat; } span.flags.japan { background-position: -52px -541px; } .brand_list { background: #000; border-top: 1px solid #fff; margin-bottom: 10px; float: left; width: 100%; color: #FFFFFF; } .carmakers ul { float: left; list-style: none; padding: 0; } .carmakers ul li { width: 100%; float: left; padding: 12px 12px 12px 0; position: relative; border-bottom: #3a3a3a solid 1px; cursor: pointer; font-size: 13px; } .carmakers ul li ul { display: none; z-index: 100; width: 220px; position: absolute; left: 100%; top: 0; -webkit-box-shadow: 3px 3px 5px -1px rgba(0,0,0,.31); -moz-box-shadow: 3px 3px 5px -1px rgba(0,0,0,.31); box-shadow: 3px 3px 5px -1px rgba(0,0,0,.31); background: #3269A9; color: #fff; max-height: 200px; } .carmakers ul li:hover ul { display: block; } .carmakers ul li ul li { color: #FFFFFF; font-size: 14px; padding: 5px 10px; border-bottom: 1px solid #fff; background: #3269A9; } .carmakers ul li ul li:last-child { border-bottom: none; } .carmakers ul li ul li a { color: #FFFFFF; font-size: 14px; font-weight: normal; display:block; } .carmakers ul li ul li:hover { background: #000; padding-left: 12px; } .mkr-clk:hover { background: #3269A9; } .brand_stock { float: right; } .brand_name { float: left; text-transform: uppercase; font-size: 14px; margin: 3px 0 0; padding-left: 45px; color: #fff; } .carmakers ul li .makerlogo { left: 0; top: 0; position: absolute; display: inline-block; background-image: url(../images/sprites.png); background-repeat: no-repeat; } .carmakers ul li .makerlogo.lincoln { background-position: -480px -43px; height: 35px; width: 25px; margin: 3px 0 0 12px; } .carmakers ul li .makerlogo.daf { background-position: -391px -74px; height: 15px; margin: 12px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.man { background-position: -559px -112px; height: 25px; margin: 11px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.rolls { background-position: -558px -139px; height: 25px; margin: 9px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.lamberet { background-position: -553px -226px; height: 25px; margin: 10px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.toyota { background-position: -63px -37px; height: 26px; margin: 10px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.nissan { background-position: -89px -36px; height: 29px; margin: 9px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.honda { background-position: -118px -37px; height: 27px; margin: 10px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.mazda { background-position: -146px -37px; height: 28px; margin: 9px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.mitsubishi { background-position: -172px -37px; height: 26px; margin: 9px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.subaru { background-position: -223px -37px; height: 26px; margin: 11px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.suzuki { background-position: -198px -34px; height: 27px; margin: 9px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.isuzu { background-position: -251px -43px; height: 7px; margin: 19px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.daihatsu { background-position: -281px -39px; height: 19px; margin: 14px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.hino { background-position: -313px -35px; height: 26px; margin: 10px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.gray-adams { background-position: -553px -246px; height: 27px; margin: 11px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.mercedes { background-position: -340px -35px; height: 28px; margin: 8px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.van-hool { background-position: -424px -71px; height: 27px; margin: 7px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.montracon { background-position: -454px -69px; height: 27px; margin: 7px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.dennison { background-position: -455px -40px; height: 27px; margin: 7px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.bmw { background-position: -367px -34px; height: 27px; margin: 8px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.volkswagen { background-position: -398px -33px; height: 28px; margin: 7px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.infiniti { background-position: -504px -37px; height: 28px; margin: 7px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.smart { background-position: -426px -47px; height: 28px; margin: 7px 0 0 10px; width: 25px; } .carmakers ul li .makerlogo.audi { background-position: -330px -74px; height: 15px; margin: 12px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.peugeot { background-position: -360px -72px; height: 27px; margin: 8px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.iveco { background-position: -510px -112px; height: 27px; margin: 8px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.ford { background-position: -64px -71px; height: 17px; margin: 14px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.volvo { background-position: -93px -64px; height: 27px; margin: 6px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.landrover { background-position: -122px -72px; height: 21px; margin: 12px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.jaguar { background-position: -152px -73px; height: 15px; margin: 13px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.jeep { background-position: -182px -76px; height: 16px; margin: 14px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.hyundai { background-position: -211px -72px; height: 22px; margin: 12px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.kia { background-position: -270px -75px; height: 21px; margin: 12px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.ssangyong { background-position: -299px -71px; height: 25px; margin: 10px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.alfa-romeo { width: 27px; height: 27px; margin: 7px 0 0 10px; background-position: -67px -109px } .carmakers ul li .makerlogo.chevrolet { background-position: -335px -114px; height: 14px; margin: 15px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.lexus { background-position: -306px -108px; height: 28px; margin: 7px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.citroen { width: 28px; height: 25px; margin: 9px 0 0 10px; background-position: -106px -108px } .carmakers ul li .makerlogo.chrysler { background-position: -268px -117px; height: 6px; margin: 20px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.scania { background-position: -553px -188px; height: 27px; margin: 8px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.porsche { background-position: -228px -108px; height: 28px; margin: 9px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.ud { background-position: -371px -108px; height: 28px; margin: 6px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.renault { background-position: -204px -108px; height: 27px; margin: 10px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.saab { background-position: -173px -107px; height: 28px; margin: 10px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.fiat { background-position: -143px -107px; height: 27px; margin: 10px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.dodge { background-position: -407px -107px; height: 34px; margin: 6px 0 0 10px; width: 43px } .carmakers ul li .makerlogo.opel { background-position: -239px -72px; height: 22px; margin: 10px 0 0 10px; width: 25px } .carmakers ul li .makerlogo.hummer { background-position: -479px -497px; height: 23px; margin: 10px 0 0 10px; width: 28px } .body_types { list-style: none; line-height: 48px; padding: 0; border: 1px solid #c7c7c7; float: left; width: 100%; } .body_types a { color: #000000; } .body_types li { float: left; width: 100%; border-bottom: 1px solid #c7c7c7; } .body_types li:last-child { border-bottom: 0; } .body_img { float: left; margin: 0 5px; } .car_icon { background: url(../images/car_icon.png) no-repeat center 2px; width: 26px; height: 20px; } /*----- left-side-bar style end --------*/ /*----- Right-side-bar style --------*/ .right_sidebar { float: right; width: 18%; } .side_bar_header { background: #3269A9; color: #fff; padding: 10px; font-size: 18px; text-transform: uppercase; float: left; width: 100%; } .side_bar_icon { font-size: 20px; margin-right: 10px; } .search_form { background: #000; padding: 10px; border-top: 1px solid #fff; margin-bottom: 10px; float: left; width: 100%; } .form_field { float: left; width: 100%; margin-bottom: 10px; } .my_panel { float: left; width: 50%; margin-top: 50px; padding-left:15px; } .my_panel a { float: left; width: 50%; margin-top: 25px; padding-left:5px; } .field_type { float: left; width: 100%; background: #fff; padding: 7px 5px; border-radius:3px; } .field_type span { display: block; overflow: hidden; margin-right: 26px; text-overflow: ellipsis; white-space: nowrap; font-weight:normal; font-size: 14px; color:#000; } .field_type .field_arrow { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; } .chose_field{ position: relative; display: block; overflow: hidden; text-decoration: none; white-space: nowrap; line-height: 17px; cursor:pointer; } .field_type b { display: block; width: 100%; height: 100%; margin-top: 0px; background: url(../images/chosen-sprite.png) 5px 0px no-repeat; } .form_dropdown { position: absolute; left: 0px; z-index: 1010; width: 100%; background: #fff; border-top: 1px solid #c6c6c6; } .form_dropdown li { display: list-item; cursor: pointer; width: 100%; text-transform: uppercase; } datalist{ max-height:100px !important; } .flexselect_dropdown { display: none; position: absolute; z-index: 999999; margin: 0; padding: 0; border: 1px solid WindowFrame; max-height: 200px; overflow-x: hidden; overflow-y: auto; background-color: Window; color: WindowText; text-align: left; } .flexselect_dropdown ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .flexselect_dropdown li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: Menu; overflow: hidden; } .flexselect_dropdown li.disabled { cursor: not-allowed; color: GrayText; } .flexselect_selected { background-color: Highlight; color: HighlightText; } select, input { float: left; width: 100%; border-radius: 3px; height: 30px; border: 1px solid #f1f1f1; font-weight: normal !important; font-size: 14px; } input { padding-left: 5px; } .main_search_form { float: none; width: 90%; margin: 0 auto; margin-top: 0px; margin-top: 10px; } .search_btn { display: block; margin: 0 auto; text-align: center; } .search_btn button { background: #3269A9; color: #FFFFFF; text-transform: uppercase; font-size: 14px; border: none; padding: 8px 15px; margin-top: 10px; margin-bottom: 10px; } .country_search { background: #000; border-top: 1px solid #fff; margin-bottom: 10px; float: left; width: 100%; color: #FFFFFF; } .country-list ul { padding-left: 0; list-style: none; } .country-list ul li a { float: left; width: 100%; padding: 10px 0 5px 0; border-bottom: 1px solid #3a3a3a; } .country-list ul li a:hover { background: #3a3a3a; } .country-list .flag { width: 32px; height: 22px; display: inline-block; background-image: url(../images/sprites.png); background-repeat: no-repeat; margin-top: 0px; margin-left: 10px } .country-list .flag.all { width: 32px; background-position: -47px 0; float: left; margin-right: 0; margin-top: 0; } .country-list .flag.chili { background-position: -531px 0; float: left; } .countrieslist .flag.dominican { background-position: -49px -182px; float: left; } .countrieslist .flag.mongolia { background-position: -498px 0; float: left; } .countrieslist .flag.japan { background-position: -115px 0; float: left; } .countrieslist .flag.kenya { background-position: -275px 0; float: left; } .countrieslist .flag.namibia { background-position: -339px 0; float: left; } .countrieslist .flag.pakistan { background-position: -83px 0; float: left; } .countrieslist .flag.s-africa { background-position: -211px 0; float: left; } .countrieslist .flag.tanzania { background-position: -147px 0; float: left; } .countrieslist .flag.uae { background-position: -243px 0; float: left; } .countrieslist .flag.uk { background-position: -307px 0; float: left; } .countrieslist .flag.zambia { background-position: -179px 0; float: left; } .countrieslist .flag.uganda { background-position: -403px 0; float: left; } .stock_amount_name { float: left; margin-left: 10px; color: #fff; line-height: 16px; font-weight: normal; width: 74%; } .side_country_name { font-size: 14px; line-height: 12px; float: left; width: 100%; } .side_stock_num { font-size: 12px; line-height: 14px; color: red; } .search_disc { float: left; width: 100%; border: 1px solid #c7c7c7; text-align: center; margin-bottom: 10px; line-height: 45px; } .search_disc ul { list-style: none; padding-left: 0; color: #000000; } .search_disc ul li { color: #000000; border-bottom: 1px solid #c7c7c7; } .search_disc ul li:last-child { border-bottom: 0; } .search_disc ul li a { color: #000000; } .search_disc ul li a:hover { color: #3269A9; } .country_select { display: none; } /*----- right-side-bar style end --------*/ /*----- Center Content style --------*/ .w-col.w-col-6.center_content { width: 64%; padding: 0; } /*----- Slider style --------*/ /* .jssorb01 div (normal) .jssorb01 div:hover (normal mouseover) .jssorb01 .av (active) .jssorb01 .av:hover (active mouseover) .jssorb01 .dn (mousedown) */ .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av { filter: alpha(opacity=70); opacity: 1; overflow: hidden; cursor: pointer; border: #000 1px solid; } .jssorb01 div { background-color: gray; } .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #3269A9; } .jssorb01 .av { background-color: #3269A9; } .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; } /* jssor slider arrow navigator skin 05 css */ /* .jssora05l (normal) .jssora05r (normal) .jssora05l:hover (normal mouseover) .jssora05r:hover (normal mouseover) .jssora05ldn (mousedown) .jssora05rdn (mousedown) */ .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn { position: absolute; cursor: pointer; display: block; /*background: url(../images/a17.png) no-repeat;*/ overflow: hidden; } .jssora05l { background-position: -10px -40px; } .jssora05r { background-position: -70px -40px; } .jssora05l:hover { background-position: -130px -40px; } .jssora05r:hover { background-position: -190px -40px; } .jssora05ldn { background-position: -250px -40px; } .jssora05rdn { background-position: -310px -40px; } /*----- Slider style end --------*/ .center_ads { float: left; width: 100%; padding: 5% 12%; } .your_ad { float: left; margin-right: 20px; } .center_ads .your_ad:last-child { margin-right: 0px; } .center_search { float: left; width: 100%; background: #000; padding: 10px 0; margin-bottom: 10px; } .search_vehicles { float: left; margin-left: 15px; text-transform: uppercase; color: #fff; font-size: 18px; padding-top: 8px; margin-right: 20px; } .search_bar { float: left; width: 69%; } .center_search .fa.fa-search { color: #fff; cursor: pointer; } .search_icon_btn { background-color: transparent; border: none; font-size: 24px; padding-top: 5px; margin-left: 15px; } .listing_heading { float: left; width: 100%; } .random-country { float: left; } .random-country.flag { width: 32px; height: 22px; display: inline-block; background-image: url(../images/sprites.png); background-repeat: no-repeat; margin-top: 5px; } .random-country .flag.japan { background-position: -115px 0; } .random_c_name { font-size: 22px; margin-left: 10px; padding-top: 45px; float: left; } .car_listing_div { float: left; width: 100%; margin: 20px 0; } /*----- lesting table style --------*/ .listing_table { float: left; width: 100%; margin-top: 25px; border-spacing: 0; text-align: center; font-size: 14px; } .listing_table_text_left { float: left; width: 100%; margin-top: 25px; border-spacing: 0; text-align: left; font-size: 14px; } .table-bordered { border: 1px solid #ddd; } .listing_table thead { background: #3269A9; color: #fff; line-height: 12px; text-align: center; } .listing_table_text_left thead { background: #3269A9; color: #fff; line-height: 12px; text-align: center; } .listing_table_text_left tbody td { border-right: 1px solid #ccc; padding-left:5px; } .listing_table_text_left tbody tr:nth-child(2n+1) { background-color: #fbfafa; } .listing_table_text_left tbody tr { border-bottom: 1px solid #ccc; } .listing_table_text_left tbody tr:hover { background: #e3e3e3; } .listing_table tbody td { border-right: 1px solid #ccc; } .listing_table tbody tr:nth-child(2n+1) { background-color: #fbfafa; } .listing_table tbody tr { border-bottom: 1px solid #ccc; } .listing_table tbody tr:hover { background: #e3e3e3; } .stock_photo { padding: 10px 0; width: 150px; } .price_stock { padding: 10px 0; width: 80px; } .detial_mm { padding: 10px 0; width: 250px; } .color_engi { padding: 10px 0; width: 60px; font-size: 12px; } .year_mil { padding: 10px 0; width: 90px; font-size: 12px; } .trans_sterring { padding: 10px 0; font-size: 12px; width: 60px; } .location { padding: 10px 0; font-size: 12px; } .listing_img { float: left; width: 150px; height: 100px; } .listing_img img { float: left; width: 100%; height: 100%; } .special-offer{ background-image: url(../images/special-offer.png); left: 0; background-repeat: no-repeat; color: #fff; font-size: 11px; height: 50px; padding: 0; position: absolute; width: 50px; } .special-offer-strip { background: url(../images/table.png); width: 113px; height: 90px; position: absolute; top: -1px; right: 0px; z-index: 7; left: 160px; } .sold-big { background-image: url(../images/sold-overlay.png); background-position: left top; background-repeat: no-repeat; background-size:contain; color: #fff; font-size: 11px; height: 190px; margin: 0; padding: 0; position: absolute; width: 100%; z-index: 9; } .res-big { background-image: url(../images/reserved.png); background-position: left top; background-repeat: no-repeat; background-size:contain; color: #fff; font-size: 11px; height: 190px; margin: 0; padding: 0; position: absolute; width: 100%; z-index: 9; } .res-main { background-image: url(../images/reserved.png); background-position: left; background-repeat: no-repeat; background-size:contain; color: #fff; font-size: 11px; height: 64px; margin: 0; padding: 0; position: absolute; width: 100%; z-index: 99; } .special-offer-big { background-image: url(../images/special-offer-big.png); background-position: right top; background-repeat: no-repeat; color: #fff; font-size: 11px; height: 128px; margin: 0; padding: 0; position: absolute; width: 132px; z-index: 7; } .special-strip-two { background: url(../images/image.png); width: 424px; height: 453px; position: absolute; top: 175px; right: 0; z-index: 7; } .special-text-two { font-size: 25px; margin-top: 305px; display: inline-block; margin-left: 131px; color: #fff; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(-37deg); } .blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 2s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: blinker; -moz-animation-duration: 2s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-name: blinker; animation-duration: 2s; animation-timing-function: linear; animation-iteration-count: infinite; } .special-text { font-size: 12px; margin-top: 44px; display: inline-block; margin-left: 44px; color: #fff; -ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(-37deg); font-weight: bold; text-align: center; } .new_ad { position: relative; right: -1px; font-size: 10px; background: #02cc15; padding: 0 5px; color: #fff; z-index: 10; float: right; top: -101px; line-height: 14px; } .favor { position: relative; font-size: 10px; background: #3269A9; padding: 0 5px; color: #fff; z-index: 10; text-transform: uppercase; line-height: 14px; left: 0; bottom: 13px; float: left; cursor:pointer; } .favor_added { position: relative; font-size: 10px; background: green; padding: 0 5px; color: #fff; z-index: 10; text-transform: uppercase; line-height: 14px; left: 0; bottom: 13px; float: left; cursor:pointer; } .clear_wish { position: relative; font-size: 10px; background: #3269A9; padding: 0 5px; color: #fff; z-index: 10; text-transform: uppercase; line-height: 14px; left: 0; bottom: 13px; float: left; cursor:pointer; } .listing_pirce { border-bottom: 1px solid #ddd; font-size: 16px; color: #3269A9; position: relative; padding: 10px 0; top: -8px; } .listing_stock { font-size: 14px; } .listing_stock span { width: 100%; float: left; font-size: 14px; line-height: 7px; } .listing_detail { text-align: left; padding: 5px; height: 100px; line-height: 14px; } .listing_detail_heading { margin-bottom: 10px; float: left; color: #3269A9; width: 100%; } .listing_detail p { line-height: 14px; font-size: 12px; color: #666666; float:left; width:100%; } .car_color { float: left; width: 100%; border-bottom: 1px solid #ccc; position: relative; top: 5px; padding-bottom: 10px; font-size: 12px; } .engi { padding-top: 20px; float: left; width: 100%; font-size: 12px; } .car_year { float: left; width: 100%; border-bottom: 1px solid #ccc; position: relative; top: 7px; padding-bottom: 5px; line-height: 14px; font-size: 12px; min-height: 33px; } .mileage { padding-top: 20px; float: left; width: 100%; line-height: 14px; font-size: 12px; min-height: 48px; } .car_trans { float: left; width: 100%; border-bottom: 1px solid #ccc; position: relative; top: 3px; padding-bottom: 14px; line-height: 14px; font-size: 12px; } .steering { padding-top: 20px; float: left; width: 100%; line-height: 14px; font-size: 12px; } .car_location { line-height: 14px; font-size: 12px; } /*----- lesting table style end --------*/ /*----- Center Content style end --------*/ /*----- Footer Section --------*/ .footer { padding: 30px 0; float: left; color: #fff !important; width: 100%; background: #000; margin-top: 50px; } .footer .about_us { background: #3269A9; position: relative; top: -60px; padding: 15px; } .footer_about_heading { font-size: 22px; margin-bottom: 15px; letter-spacing: -1px; margin-top: 0px; text-transform: uppercase; } .footer .about_us p { font-size: 12px; line-height: 16px; color: #fff; text-align: justify; margin-bottom: 15px; } .footer .about_us ul { padding-left: 15px; } .footer .about_us ul li a { color: #fff; font-weight: normal; line-height: 25px; } .footer_logo { float: left; width: 100%; margin-top: -46px; margin-bottom: 20px; text-align: center; } .footer .social-icons { float: left; width: 100%; } .social-icons a { display: inline-block; padding: 0 3px; } .footer .social-icons i { font-size: 30px; color: #646464; } .footer .social-icons i:hover { font-size: 30px; color: #fff; } .footer .exp-col2 { border-right: 1px solid #252525; min-height: 500px; } .footer_heading { font-size: 22px; float: left; margin-bottom: 10px; color: #3269A9; letter-spacing: -1px; text-transform: uppercase; } .footer_list { float: left; width: 100%; padding-left: 15px; line-height: 25px; margin-bottom: 20px; color: #3269A9; } .footer_list li a { color: #fff; font-weight: normal; font-size: 14px; } .footer_list li a:hover { color: #3269A9; } .f_find_car { width: 15%; } .f_make_car { width: 13%; } .f_branches { width: 20%; border-right: 0 !important; } .footer i.flag { float: left; width: 18px; height: 14px; margin-right: 8px; margin-top: 5px; display: inline-block; background-image: url(../images/sprites.png); background-repeat: no-repeat; } .branches_list { list-style: none; padding-left: 0; } .discount_select { display: none; } .m-t-0 { margin-top: 0 !important; } .copyright-area { text-align: center; float: left; width: 100%; font-size: 14px; color: #ffffff; background: #3269A9; margin-top: 0; padding: 5px 0; } /*----- Footer Section End --------*/ /*----- detail page styling --------*/ .car_listing_detail { float: left; width: 100%; } .listing_detail_header{ float:left; width:100%; margin-bottom:10px; } .prev_btn { float: left; background: #000; color: #fff; padding: 10px 15px; text-transform: uppercase; } .next_btn { float: right; background: #3269A9; color: #fff; padding: 10px 15px; text-transform: uppercase; } .wishlist_btn { float: right; background: #3269A9; color: #fff; padding: 5px; text-transform: uppercase; } .sale_price { float: none; font-size: 22px; padding-top: 12px; font-weight: bold; text-transform: uppercase; background-color:#FF0; } .sale_price a { color: #3269A9; } .car_name { float: left; margin-left: 70px; font-size: 22px; color: #3269A9; padding-top: 12px; font-weight: bold; text-transform: uppercase; } .recommended_car { float: left; width: 170px; display: inline-block; clear: left; border: 1px solid #c7c7c7; /*max-height: 800px; overflow-y: scroll; overflow-x: hidden;*/ } .recommended_car .side_bar_header { font-size: 14px; text-transform: none; padding: 5px 0 5px 10px; } .recom_div { float: left; width: 100%; margin-bottom: 10px; } .recommended_car .listing_img { float: left; width: 100%; height: 100px; border-top: 1px solid #c7c7c7; } .recom_name { float: left; width: 100%; padding: 10px; background: #e3e3e3; margin-bottom: 10px; font-size: 14px; } .car_detail { float: right; margin: 0 0 10px 10px; width: 78%; } .detail_header { float: left; width: 100%; padding: 5px; background: #3269A9; color: #fff; } .detail_stock_no { float: left; text-transform: uppercase; } .print_page { float: right; cursor:pointer; } .total_views { display: block; float: left; text-align: center; width: 60%; } .car_main_img { float: left; width: 100%; margin-bottom: 10px; } .car_main_img img{ width:100%; } .car_other_imgs { float: left; width: 100%; } .car_other_imgs ul { padding: 0; list-style: none; } .car_other_imgs ul li { display: inline; cursor: pointer; width: 162px; height: 100px; float:left; padding:0 3px; margin-bottom:6px; } .car_other_imgs ul li:first-child { padding-left:0; } .car_other_imgs ul li img { width: 100%; height: 100%; } .detail_stock_location { float: left; width: 100%; margin: 10px 0 0 0; } .detail_stock_location span{ color: #999999; } .car_tabs { float: left; width: 100%; } /*----- Tabs -----*/ .tabs { width:100%; display:inline-block; margin: 10px 0; } /*----- Tab Links -----*/ /* Clearfix */ .tab-links:after { display:block; clear:both; content:''; } .tab-links { padding-left: 0; } .tab-links li { margin:0; float:left; list-style:none; } .tab-links span { padding:9px 15px; display:inline-block; border-radius:0; background:#000; font-size:16px; font-weight:600; color:#fff; transition:all linear 0.15s; text-transform: uppercase; cursor: pointer; } .tab-links span:hover { background:#3269A9; text-decoration:none; } .tabs li.active span, li.active span:hover { background:#3269A9; color:#ffffff; } .staf_member { /* float: left; */ display: inline-block; width: 196px; min-height: 200px; padding: 25px 0 0px; border: 1px solid #c7c7c7; text-align: center; margin: 5px; } .staf_img { float: none; margin: 0 auto; width: 120px; } .porfile_img { float: left; padding: 7px; width: 120px; height: 120px; border: 1px solid #c7c7c7; clear: both; } .porfile_img img{ width: 100%; height: 100%; } .staf_name { float: left; width: 100%; text-transform: uppercase; font-size: 12px; margin-top: 5px; line-height: 13px; } .staf_desig { float: left; width: 100%; text-transform: uppercase; font-size: 12px; color: #3269A9; line-height: 13px; } .staf_num { float: left; width: 100%; text-transform: uppercase; font-size: 12px; line-height: 13px; } /*----- Content of Tabs -----*/ .tab-content { padding:0px; border-radius:0px; /*border: 1px solid #e3e3e3;*/ background:#fff; } .tab { display:none; } .tab.active { display:block; } .tab_table { width: 100%; border-spacing: 0; text-align: center; font-size: 14px; } .tab_table tr { border-spacing: 0; text-align: left; font-size: 14px; } .car_spec tbody tr td:nth-child(2n+1) { color: #3269A9; font-weight: bold; } .car_spec tbody tr td:nth-child(2n+2) { background-color: #f3f3f3; font-weight: 600; } .car_feature tr { border-spacing: 0; text-align: center; font-size: 14px; color: #999999; text-transform: uppercase; } .car_feature tbody tr td { font-weight: normal; background-color:#e3e3e3; } .car_feature .feature_active { font-size: 14px; font-weight: 600; color: #3269A9; background:#fff; } .sec_tabs { padding:10px; border-radius:0px; border: 1px solid #999999; background:#fff; float: left; width: 100%; } form.enquire { float: left; width: 100%; margin-bottom: 0; } form.enquire input,select,textarea { background-color: #f1f1f1; border: 1px solid #999999; border-radius: 0; } .enquire_field { float: left; width: 50%; padding: 10px 5px; } .enquire_field label { font-weight: normal; font-size: 14px; } .enquire_field label span { font-weight: normal; font-size: 14px; color: red; } .enquire_field p{ font-size: 12px; color: #999999; text-align: justify; line-height: 16px; margin-bottom: 0; } .enquire_field.enquire_text { float: right; } .enquire_field textarea { float: left; width: 100%; min-height: 130px; font-size: 14px; } .submit_enqu_btn { float: left; } .submit_enqu_btn button { float: left; background-color: #000000; color: #fff; padding: 0 15px; text-transform: uppercase; line-height: 33px; } .showroom_name{ float: left; width: 100%; color: #000000; text-align: left; } #tab4 label, .fa-phone, .fa-envelope{ color: #3269A9 } .google_map { float: left; width: 100%; } /*----- detail page styling End --------*/ /*----- register page styling --------*/ .register_form{ float: left; width: 100%; } .register_form .form_field { width: 50%; padding-right: 10px; margin-bottom: 20px; } .register_form .my_panel { width: 50%; padding-right: 10px; margin-bottom: 20px; } .register_form .form_field input { border: 1px solid #aaa; } .img_upload { border: none !important; padding-left: 0; } .form_buttons { float: left; width: 100%; } .reg_btn { background: #3269A9; color: #FFFFFF; text-transform: uppercase; font-size: 14px; border: none; padding: 10px 15px 6px;; margin-bottom: 10px; } .reset_btn { background: #000; color: #FFFFFF; text-transform: uppercase; font-size: 14px; border: none; padding: 10px 25px 6px;; margin-bottom: 10px; } /*----- register page styling End --------*/ .hide-on-lg { display: none } @media (max-width: 1035px) { .w-container { max-width: 1000px; } .w-col.w-col-3.top-left { position: absolute; left: 22%; color: #fff; font-size: 14px; } .top-right { float: right; text-align: right; width: 20%; } .nav-menu > ul > li { float: left; padding-top: 5px; padding-bottom: 5px; } .nav a { text-transform: uppercase; font-size: 14px; font-weight: 600; } .logo { position: absolute; top: -40px; background: #ffffff; padding: 13px 30px; } .menu-li { font-size: 10px; } .nav_social_icon { float: right; margin-right: 15px; padding-top: 5px; padding-bottom: 5px; } .w-nav-menu { position: relative; float: right; margin-top: 3px; } .center_ads { float: left; width: 100%; padding: 5% 3%; } .your_ad { float: left; margin-right: 20px; width: 30%; } .nav_social_icon span { font-size: 22px; } .center_content { width: 60% !important; padding: 0; } .right_sidebar { float: left; width: 22%; } .available_stock { padding: 20px 5px; } .stock_country { float: left; font-size: 18px; width: 50%; } .body_types li { float: left; width: 100%; border-bottom: 1px solid #c7c7c7; padding-left: 10px; } .body_img { display: none; } .search_bar { float: left; width: 56%; } .car_detail { float: right; margin: 0 0 10px 10px; width: 100%; } .recommended_car { float: left; width: 100%; border: 1px solid #c7c7c7; overflow-y: hidden; min-height: 190px; } .recom_div { float: left; width: 144px; margin-bottom: 0; margin-right: 5px; } .staf_member { float: left; display: inline-block; width: 31%; min-height: 190px; padding: 25px 0 0px; border: 1px solid #c7c7c7; text-align: center; margin: 5px; } .recom_name { float: left; width: 100%; padding: 10px; background: #e3e3e3; margin-bottom: 10px; font-size: 12px; line-height: 15px; } .car_other_imgs ul li { display: inline; cursor: pointer; width: 25%; height: 100px; float: left; padding: 0 3px; margin-bottom: 6px; } .special-strip-two { display:none; } .special-offer{ background-image: url(../images/special-offer.png); left: 0; background-repeat: no-repeat; color: #fff; font-size: 11px; height: 50px; padding: 0; position: absolute; width: 50px; } }/*-----------1035px end--------------*/ @media (max-width: 768px) { .full-width-on-mbil { width: 100%; } .w-container { max-width: 750px; } .logo { margin-top: 8px; float: left; width: 177px; position: relative; top: -14px; padding: 13px 15px; } .w-col.w-col-10.main-nav { width: 100%; } .w-col.w-col-3.top-left { position: absolute; left: 0; color: #fff; font-size: 14px; width: 38%; text-align: left; } .top-right { float: right; text-align: right; width: 25%; } .top-right a { font-size: 14px; } [class^="w-icon-"], [class*=" w-icon-"] { color: #ffffff; } .nav_social_icon span { font-size: 22px; color: #fff; } .w-container.nav { float: right; } .w-col.w-col-10.main-nav { width: 250px; } .logo { margin-top: -6px; float: left; width: 150px; position: relative; top: 0; } .total_stock { right: -90px; width: 150px; } .w--nav-menu-open { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #000 !important; text-align: left; color: #fff; overflow: visible; } .nav-menu ul li:hover { background: transparent; } .nav-menu ul li a:hover { color: #3269A9; } .hide-mob { display: none; } .menu-li { font-size: 14px; color: #fff; } .w-nav-link.w--current { color: #3269A9; } .w-nav-link.w--current:hover { color: #3269A9; } .w-col.w-col-9.mobile-nav { float: right; width: 300px; } .nav_social_icon { float: right; margin-right: 15px; padding-top: 19px; padding-bottom: 5px; } .w-nav-overlay { position: absolute; overflow: scroll; display: none; top: 115%; left: 0; right: 0; width: 100%; } .nav-menu > ul { list-style: none; padding-left: 10px; padding-top: 10px; float: left; } .nav-menu > ul > li { float: none; padding-bottom: 10px; padding-top: 10px; } .menu-li { border-right: none; padding-left: 5px; } .dropdown { position: relative; background: none; list-style: none; float: left; display: none; padding: 10px; min-width: 120px; margin-top: 0px; margin-left: 5px; z-index: 999999; } .w-nav-overlay { height: 375px; } .dropdown li { float: left; width: 100%; text-align: left; } .menu-dropdown-list { font-size: 14px; } .sub-dropdown { position: relative; background: #000; list-style: none; padding: 10px; min-width: 200px; margin-top: 20px; display: none; left: 0; } .glbl-stock .menu-dropdown-list { font-size: 12px !important; line-height: 12px; text-transform: none !important; } .glbl-stock .dropdown li a { margin: 0px 0 7px 0; color: #ffffff; float: left; width: 100%; } .social-icons a { display: inline-block; font-size: 21px; padding: 0 3px; color: #000; } .center_content { width: 74% !important; padding: 0; float: right; } .left_sidebar { float: left; width: 26%; clear: right; margin-bottom: 10px; } .right_sidebar { float: left; width: 26%; margin-bottom: 10px; } .main_search_form { float: none; width: 100%; } .side_bar_header { color: #fff; font-size: 16px; text-transform: uppercase; } .country_select { display: block; } .search_country { display: none } .fa-globe::before { display: none; } .stock_amount_name { margin-top: 10px; } .footer_heading { font-size: 16px; float: left; margin-bottom: 10px; color: #3269A9; letter-spacing: -1px; text-transform: uppercase; } .f_about { width: 25%; } .footer .social-icons i { font-size: 23px; color: #646464; } .f_support_car { width: 22%; border-right: none !important; } .f_make_car { width: 25%; } .f_contact { width: 25%; } .f_find_car { width: 25%; } .f_branches { width: 40%; border-right: 0 !important; } .recom_div { float: left; width: 24%; margin-bottom: 0; margin-right: 5px; } .special-strip-two { display:none; } .special-offer{ background-image: url(../images/special-offer.png); left: 0; background-repeat: no-repeat; color: #fff; font-size: 11px; height: 50px; padding: 0; position: absolute; width: 50px; } }/*-----------768px end--------------*/ @media (max-width: 736px) { .search_bar { float: left; width: 53%; } .special-strip-two { display:none; } .special-offer{ background-image: url(../images/special-offer.png); left: 0; background-repeat: no-repeat; color: #fff; font-size: 11px; height: 50px; padding: 0; position: absolute; width: 50px; } }/*-----------766px end--------------*/ @media (max-width: 640px) { .hide-on-mobile { display: none; } .w-container { max-width: 620px; } .top-right { float: right; width: 100%; } .reg { float: right; margin-right: 0; padding-right: 0px; } .w-col.w-col-3.top-left { left: 10px; } .logo-div { width: 25%; } .logo { margin-top: 2px; float: left; width: 100%; position: relative; top: 0; } .discount_select { display: block; } .w-col.w-col-6.center_content { width: 100% !important; padding: 0; } .left_sidebar { display: none; } #slider2_container { display: none; } .stock_flag { display: none; } .important.not { display: none; } .carmakers ul li .makerlogo { display: none !important; } .brand_name { padding-left: 10px; color: #fff; } .search_bar { float: left; width: 44%; } .listing_detail { text-align: left; padding: 5px; height: auto; line-height: 14px; } .form_field { float: left; width: 50%; margin-bottom: 10px; padding: 0 5px; } .my_panel { float: left; width: 50%; margin-bottom: 10px; padding: 0 5px; } .my_panel a { float: left; width: 50%; margin-bottom: 10px; padding: 0 5px; } .right_sidebar { padding:0; position:absolute; left:0; right:0; margin:0 auto; float:none; width:90%; margin-top:20% !important; } .listing_table { float: left; width: 100%; margin-top: 25px; border-spacing: 0; text-align: center; font-size: 14px; display: block; overflow-x: scroll; } .listing_table_text_left { float: left; width: 100%; margin-top: 25px; border-spacing: 0; text-align: left; font-size: 14px; display: block; overflow-x: scroll; } .center_search { float: left; width: 100%; background: #000; padding: 10px 0; margin-bottom: 10px; } .f_find_car { display: none; } .f_make_car { display: none; } .f_support_car { display: none; } .f_contact { display: none; } .f_branches { display: none; } .f_about { width: 45%; float: none; margin: 0 auto; } .footer .social-icons { float: left; width: 100%; text-align: center; } .next_btn { float: right; background: #3269A9; color: #fff; padding: 10px 15px; text-transform: uppercase; position: absolute; right: 0; } .wishlist_btn { float: right; background: #3269A9; color: #fff; text-transform: uppercase; position: absolute; right: 0; } .car_name { float: left; margin-left: 10px; font-size: 22px; color: #3269A9; padding-top: 12px; font-weight: bold; text-transform: uppercase; width: 100%; } .center_ads { float: left; width: 100%; padding: 5% 3%; margin-bottom: 64%; } .special-strip-two { display:none; } .special-offer{ background-image: url(../images/special-offer.png); left: 0; background-repeat: no-repeat; color: #fff; font-size: 11px; height: 50px; padding: 0; position: absolute; width: 50px; } }/*-----------640px end--------------*/ @media (max-width: 480px) { .w-container { max-width: 460px; } .top-right { float: right; width: 50%; } .center_ads { float: left; width: 100%; padding: 5% 3%; margin-bottom: 85%; } .w-col.w-col-3.top-left { left: 10px; display: none; } .total_stock { position: relative; float: left; text-align: left; font-size: 16px; left: 0; right: 0; width: 150px; } .country_time { display: none; } .logo-div { width: 30%; } .listing_table { float: left; width: 550px; margin-top: 25px; border-spacing: 0; text-align: center; font-size: 14px; display: block; } .listing_table_text_left { float: left; width: 550px; margin-top: 25px; border-spacing: 0; text-align: left; font-size: 14px; display: block; } .car_listing_div { float: left; width: 100%; margin: 20px 0; overflow-y: scroll; } .center_search { float: left; width: 100%; background: #000; padding: 10px 0; margin-bottom: 10px; } .total_views { display: block; float: none; text-align: center; width: 41%; position: absolute; left: 0; right: 0; margin: 0 auto; } .car_other_imgs ul li { display: inline; cursor: pointer; width: 33.311111%; height: 100px; float: left; padding: 0 3px; margin-bottom: 6px; } .staf_member { float: left; display: inline-block; width: 30.9999%; min-height: 190px; padding: 25px 0 0px; border: 1px solid #c7c7c7; text-align: center; margin: 5px; } .recom_div { float: left; width: 23.9%; margin-bottom: 0; margin-right: 5px; } .special-strip-two { display:none; } .special-strip-two { display:none; } .special-offer{ background-image: url(../images/special-offer.png); left: 0; background-repeat: no-repeat; color: #fff; font-size: 11px; height: 50px; padding: 0; position: absolute; width: 50px; } }/*-----------480px end--------------*/ @media (max-width: 414px) { .your_ad { float: left; margin-right: 18px; width: 30%; } .logo-div { width: 33%; } .nav_social_icon { display: none; } .w-container { max-width: 96%; } .center_ads { float: left; width: 100%; padding: 3% 2%; } .nav-menu > ul { list-style: none; padding-left: 10px; padding-top: 10px; float: left; width: 100%; min-height: 203px; } .center_search { display:none; } .logo-div { width: 36%; } .f_about { width: 80%; float: none; margin: 0 auto; } .w-col.w-col-10.main-nav { width: 60%; } .car_listing_div { float: left; width: 100%; margin: 20px 0; overflow-y: scroll; } .center_ads { float: left; width: 100%; padding: 3% 2%; position: relative; margin-bottom: 94%; } .tab-links span { padding: 6px 7px; display: inline-block; border-radius: 0; background: #000; font-size: 14px; } .car_feature .feature_active { font-size: 12px; font-weight: 600; color: #3269A9; background: #fff; } .car_feature tbody tr td { font-weight: normal; background-color: #e3e3e3; font-size: 12px; } .tab_table { width: 100%; border-spacing: 0; text-align: center; font-size: 12px; display: block; overflow-x: scroll; } .car_spec tbody tr td:nth-child(2n+1) { color: #3269A9; font-weight: bold; font-size: 12px; } .car_spec tbody tr td:nth-child(2n+2) { background-color: #f3f3f3; font-weight: 600; font-size: 12px; } .staf_member { float: left; display: inline-block; width: 47%; min-height: 190px; padding: 25px 0 0px; border: 1px solid #c7c7c7; text-align: center; margin: 5px; } .recom_div { float: left; width: 31.9%; margin-bottom: 0; margin-right: 5px; } .total_views { font-size: 12px; } .detail_stock_no { float: left; text-transform: none; font-size: 12px; } .print_page { float: right; cursor: pointer; font-size: 12px; } .special-strip-two { display:none; } .special-strip-two { display:none; } .special-offer{ background-image: url(../images/special-offer.png); left: 0; background-repeat: no-repeat; color: #fff; font-size: 11px; height: 50px; padding: 0; position: absolute; width: 50px; } }/*-----------414px end--------------*/ @media (max-width: 375px) { .logo-img { float: left; position: relative; top: 0px; } .search_form { background: #000; padding: 0; border-top: 1px solid #fff; margin-bottom: 10px; float: left; width: 100%; } .logo { padding: 13px 7px; } .your_ad { float: left; margin-right: 10px; width: 30%; } .w-col.w-col-9.mobile-nav { float: right; width: 225px; } .random_c_name { font-size: 16px; margin-left: 10px; padding-top: 7px; float: left; } .car_listing_div { float: left; width: 100%; margin: 20px 0; overflow-y: scroll; } .footer .top-right { float: none; margin: 0 auto; text-align: center; width: 285px; } .center_ads { float: left; width: 100%; padding: 3% 2%; position: relative; margin-bottom: 110%; } .staf_member { float: left; display: inline-block; width: 46%; min-height: 190px; padding: 25px 0 0px; border: 1px solid #c7c7c7; text-align: center; margin: 5px; } .special-strip-two { display:none; } .special-offer{ background-image: url(../images/special-offer.png); left: 0; background-repeat: no-repeat; color: #fff; font-size: 11px; height: 50px; padding: 0; position: absolute; width: 50px; } }/*-----------360px end--------------*/ @media (max-width:320px){ .logo { padding: 16px 4px; } .your_ad { float: left; margin-right: 13px; width: 30%; } .center_ads { float: left; width: 100%; padding: 3% 2%; position: relative; margin-bottom: 126%; } .special-strip-two { display:none; } .special-offer{ background-image: url(../images/special-offer.png); left: 0; background-repeat: no-repeat; color: #fff; font-size: 11px; height: 50px; padding: 0; position: absolute; width: 50px; } }/*-----------320px end--------------*/ /*----------- efonts ------------------*/ @font-face { font-family: 'et-line'; src: url('../fonts/et-line-font/et-line.eot'); src: url('../fonts/et-line-font/et-line.eot?#iefix') format('embedded-opentype'), url('../fonts/et-line-font/et-line.woff') format('woff'), url('../fonts/et-line-font/et-line.ttf') format('truetype'), url('../fonts/et-line-font/et-line.svg#et-line') format('svg'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'et-line'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="icon-"] { */ .icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble { font-family: 'et-line'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 25px; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; } .icon-facebook:before { content: "\e05d"; } .icon-twitter:before { content: "\e05e"; } .icon-googleplus:before { content: "\e05f"; } .icon-rss:before { content: "\e060"; } .icon-tumblr:before { content: "\e061"; } .icon-linkedin:before { content: "\e062"; } .icon-dribbble:before { content: "\e063"; }