/*
Theme Name: 	Top Dog Car wash
Theme URI: 	    https://topdogcarwash.com
Author: 	    Suds Creative
Author URI: 	https://sudscreative.com
Description:	Custom Theme for Top Dog
Template:		betheme
Version: 		1.0
*/

/* Theme customization starts here
-------------------------------------------------------------- */
 @import url("../../../mzd4egp.css");

.tk-futura-pt { font-family:"futura-pt",sans-serif !important; }
.tk-futura-pt-condensed { font-family:"futura-pt-condensed",sans-serif !important; }
.tk-futura-pt-bold { font-family:"futura-pt-bold",sans-serif !important; }


/* Global Styles
   ======================================== */
a:link, a:hover, a:visited { text-decoration:none !important; }
html, body { width:100%; height:100%; margin:0; }
html { text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; scroll-behavior: smooth; }


/* Random Styles
   ======================================== */
.full-width { width:100%; text-align:center; }
.clearfloat { clear:both; }
.no-margin { margin:0px !important; }
.no-padding { padding:0px !important; }
.rounded-10 { border-radius:10px !important; overflow:hidden !important; }
.rounded-20 { border-radius:20px !important; overflow:hidden !important; }
.box-shadow { box-shadow:0 5px 5px rgba(0,0,0,0.5); }
.hide { display:none; }
.semibold { font-weight:600 !important; }
.bold { font-weight:700 !important; }
.kern1 { letter-spacing:1px !important; }
.kern-1 { letter-spacing:-1px !important; }
.uppercase { text-transform:uppercase !important; }
.italic { font-style:italic; }
.heavy { font-weight:900 !important; }
.medium { font-weight:500 !important; }
.thin { font-weight:300 !important; }
.center { text-align:center; }
.align-center { display:block; margin:0px auto; }
.align-right { text-align:right !important; }
.text-center { text-align:center !important; }
.floatleft { float:left; }
.floatright { float:right; }
.d-inline-block { display:inline-block; }
.big-heading { font-size:60px; line-height:1.1; }
.medium-heading { font-size:45px; line-height:1.1; }


/* Colors
   ======================================== */
.white { color:#fff; }
.gray { color:#231F20 !important; }
.colorblack { color:#000000; }
.blueblack { color:#132433; }


/* Button Styles
   ======================================== */


/* Header Styling
   ======================================== */
#Header #Action_bar { background-color:#D63F32; }
#Header #Action_bar .contact_details li.slogan { font-size:18px; color:#fff; }
#Header #Action_bar .contact_details li.mail { font-size:18px; color:#fff; }
#Header #Action_bar .contact_details li.mail a { color:#fff; }
#Header #Action_bar .contact_details li.mail .icon-mail-line { display:none; }
#Header #Top_bar { background-color:transparent; position:absolute; }
#Header #Top_bar.is-sticky { background-color:#fff; }
#Top_bar #logo { /*height:230px;*/ }
#Top_bar #logo img { width:156px; }
#Top_bar:not(.is-sticky) #menu { background-color:transparent !important; margin-top:60px; }
#Header #Top_bar.is-sticky #menu { padding-top:0; }
#Top_bar #menu > ul > li > a { font-size:18px; color:#000; font-weight:700; }
#Top_bar #menu > ul > li:hover > a { color:#D63F32; }
#Header #Action_bar .social li a { color:#fff; font-size:18px; }
.header_placeholder { height:0; }
body:not(.template-slider) #Header { min-height:auto !important; }
#Top_bar .menu > li ul li a { font-size:13px !important; }

#Top_bar .menu_wrapper { float:none !important; }


/* Slider Styling
   =========================================*/
.slider-header-text { font-family: "futura-pt-bold",sans-serif !important; }
.slider-text { font-family: "futura-pt-bold",sans-serif !important; }


/* Button Styles
   =========================================*/
.btn { border-radius:5px 0 5px 0 !important; transform:rotate(-5deg) !important; font-weight:900; font-size:24px !important; padding:15px 20px !important; position:relative; color:#fff !important; }
.btn:after {content:""; position:absolute; top:5px; left:5px; right:5px; bottom: 5px; border:1.5px solid #fff; border-radius:5px 0 5px 0; }
.btn.btn-red { background-color:#D63F32 !important; }
.btn:hover { background-color:#000 !important; }
.btn.btn-black { background-color:#000 !important; border-radius:5px !important; font-size:18px !important; }
.btn.btn-black:hover { color:#D63F32 !important; }
.btn.btn-black:after {display:none !important;}


/* Body Section Styling
   ========================================*/
.service-banner ul { margin:0; padding:0 100px; list-style-type:none; }
.service-banner ul li { display: flex; margin:0; }
.service-banner ul li figure { position:absolute; margin-top:-25px; }
.service-banner ul li figure img { height:155px !important; }
.service-banner ul li p { font-size:22px; color:#fff; font-family:"futura-pt",sans-serif; padding-left:300px; padding-right:50px; margin-top:15px; }


/* Wash Menu Styling
   ======================================== */
.wash-menu { box-shadow:inset 6px 6px 10px rgba(0, 0, 0, 0.25); padding-top:100px; padding-bottom:30px; text-align:center; }
.wash-menu-cnt figure { margin-bottom:30px; }
.wash-menu-cnt figure img { height:120px; }
.wash-menu-cnt h2 { font-size:60px; color:#000; font-family:"futura-pt-bold",sans-serif; margin-bottom:100px; }
.wash-package { width:300px; margin:0 auto; border-radius:0 5px 0 5px; position:relative; text-align:left; padding:20px; transform:rotate(1deg); color:#fff; box-shadow:6px 6px 10px rgba(0, 0, 0, 0.25); font-family:"futura-pt-bold",sans-serif; margin-bottom:65px; }
.wash-package:after { content:""; position:absolute; top:5px; left:5px; right:5px; bottom: 5px; border:1.5px solid #fff; border-radius:0 5px 0 5px; }
.wash-package.red { background-color:#D63F32; }
.wash-package.blue { background-color:#161238; }
.wash-package.sky { background-color:#1471a6; }
.wash-package h3 { color:#fff; font-family:"futura-pt-bold",sans-serif; font-size:29px; margin-bottom:14px; }
.wash-package h4 { color:#fff; font-family:"futura-pt-bold",sans-serif; font-size:26px; display:inline-block; border-bottom:1px solid #fff; padding-bottom:3px; }
.wash-package ul { margin:0 !important; padding:0; color:#fff; font-size:24px; list-style-type:none; }
.wash-package ul li { list-style:none; list-style-type:none; margin-bottom:0; position:relative; padding-left:10px; color:#fff; font-size:20px; }
.wash-package ul li:before { content:""; width:5px; height:5px; display:inline-block; background-color:#fff; border-radius:50%; margin-right:3px; position:absolute; left:0; top:10px; }
.wash-package ul li:last-child { font-size:18px; }
.wash-package ul li img { width:64px; display:inline-block; vertical-align:middle; margin-left:9px; position:absolute; margin-top:-4px; }
.wash-package .top-wash { position:absolute; top:-50px; width:150px; left:-22px; z-index:1; }
.wash-package .btn { position:absolute; z-index:1; left:0; right:0; margin:auto; width:180px; font-size:25px !important; color:#fff; margin-top:6px; text-align:center; box-shadow:6px 6px 10px rgba(0, 0, 0, 0.25); }
.wash-package .package-price { position:absolute; top:35px; right:-75px; z-index:1; width:126px; height:130px; }
.wash-package .package-price p { position:absolute; top:56px; color:#d73f32; text-align: center; transform:rotate(-5deg); left:34px; font-size:12px; line-height:15px; }
.wash-package .package-price p strong { display:block; font-size:22px; margin-bottom:8px; }
.wash-package.small h3 { font-size:29px; margin-bottom:10px; }
.wash-package.small h4 { font-size:22px; }
.wash-package.small p { font-size:16px; margin-bottom:0; }
.wash-package.small p span { position:relative; padding-left:10px; display:inline-block; }
.wash-package.small p span:before { content:""; display:inline-block; width:5px; height:5px; background-color:#fff; border-radius:50%; position:absolute; left:2px; top:10px; }
.wash-package .package-price.small { top:10px; right:-40px; }
.wash-package .package-price.blue { width:110px; height:100px; }
.wash-package .package-price.blue p { font-size:12px; color:#161238; top:45px; left:26px; }
.wash-package .package-price.blue p strong { font-size:22px; margin-bottom:5px; }
.wash-package .package-price.sky { width:100px; height:100px; }
.wash-package .package-price.sky h3 { font-size:30px; }
.wash-package .package-price.sky h4 { font-size:20px; }
.wash-package .package-price.sky p { font-size:10px; color:#1471a6; top:45px; left:25px; line-height:10px; }
.wash-package .package-price.sky p strong { font-size:20px; margin-bottom:8px; }
.wash-package.white { background-color:#fff; border:1px solid #ccc; color:#000; }
.wash-package.white:after { border-color:#D63F32; }
.wash-package.white h3 { font-size:26px; color:#D63F32; }
.wash-package.white p span:before { background-color:#000; }
.wash-package .package-price.white { width:85px; height:85px; }
.wash-package .package-price.white p { font-size:8px; color:#D63F32; top:38px; left:23px; line-height:10px; }
.wash-package .package-price.white p strong { font-size:16px; margin-bottom:5px; }


/* Go Unlimited
   ======================================== */
#go-unlimited { color:#fff;  }
#go-unlimited h2 { font-size:60px; text-transform:uppercase; font-family:"futura-pt-bold",sans-serif; color:#fff; margin-bottom:50px; line-height:1; }
#go-unlimited h3 { font-size:45px; text-transform:uppercase; color:#fff; font-family:"futura-pt-condensed",sans-serif; }
#go-unlimited p { font-family: "futura-pt",sans-serif; margin-bottom:50px; }
#go-unlimited .btn { position:absolute; }


/* Oil Change Styling
   ======================================== */
.oil-change-image { margin:0; }
.oil-change-text { color:#fff; }
.oil-change-text h2 { color:#fff; font-size:45px; line-height:60px; font-family:"futura-pt-bold",sans-serif; text-transform:uppercase; }
.oil-change-text p { font-size:24px; color:#fff; font-family:"futura-pt",sans-serif; line-height:30px; margin-bottom:50px; }
.oil-change-text .btn { position:absolute; }


/* Our Location Styling
   ======================================== */
#our-location h2 { font-size:60px; line-height:70px; color:#000; font-family:"futura-pt-bold",sans-serif; text-transform:uppercase; text-align:center; }
#our-location ul { list-style-type:none; margin:50px 0 0; padding:0; text-align:center; }
#our-location ul li { display:inline-block; width:33%; padding:0 50px; box-sizing:border-box; margin-bottom:80px; }
#our-location .location-box { box-shadow:6px 6px 10px rgba(0, 0, 0, 0.25); background-color:rgba(228, 228, 228, .3); position:relative; padding-bottom:30px; }
#our-location .location-box h3 { background-color:rgba(214, 63, 50, .95); color:#fff; font-size:26px; font-family:"futura-pt",sans-serif; font-weight:500; line-height:40px; }
#our-location .location-box p { color:#000; font-size:22px; font-family:"futura-pt",sans-serif; font-weight:500; line-height:28px; margin-bottom:25px }
#our-location .location-box .btn { position:absolute; z-index:1; left:0; font-weight:900; right:0; margin:auto; width:220px; font-size:25px !important; color:#fff; margin-top:6px; text-align:center; box-shadow:6px 6px 10px rgba(0, 0, 0, 0.25);  }


/* Coming Soon Section Styling
   ======================================== */
.page-heading { font-size:45px; line-height:55px; color:#fff; font-family:"futura-pt-bold",sans-serif; }
.content-style { font-size:25px; color:#fff; font-family:"futura-pt",sans-serif; line-height:32px; }
.short-place { padding:0px 210px; box-sizing:border-box; }
.coming_soon_location_content h2, .coming_soon_location_content p { font-family:"Rubik", Arial, Tahoma, sans-serif; font-weight:bold; }


/* Wash Services Page Styling
   ======================================== */
.banner-heading { font-size:70px; }
.page-heading { font-size:60px; text-transform:uppercase; font-family:"futura-pt-bold",sans-serif; color:#fff; margin-bottom:50px; line-height:1; }
.features-list { display:flex; flex-wrap:wrap; text-align:left; }
.features-list li { -webkit-box-flex:0; -ms-flex:0 0 50%; flex:0 0 50%;  max-width:50%; list-style:none; padding:0 45px; box-sizing:border-box; margin-bottom:20px !important; }
.features-list li p { font-size: 25px; line-height: 1.3; }


/* Speedpass Page Styling
   ======================================== */
.individual_washes_content h2 { font-size:33px; line-height:1.2; }
.individual_washes_content h4 { font-size:34px; line-height:1.2; margin-bottom:45px; }
.individual_washes_content h3 { font-size:60px; line-height:1; background:#D6402F; display:inline-block; padding:10px 20px; transform:rotate(-5deg); -webkit-transform:rotate(-5deg); margin-bottom:60px; }
.individual_washes_content p { font-size:25px; line-height:1.2; max-width:910px; }
.why_speedpass_content h2 { font-size:60px; line-height:1; margin-bottom:30px; }
.why_speedpass_list_item { margin-bottom:30px !important; list-style:none; }
.why_speedpass_list_img { margin-bottom:20px; }
.why_speedpass_list_item h3 { font-size:45px; line-height:1; margin-bottom:10px; }
.why_speedpass_list_item p { font-size:25px; line-height:1.25; margin-bottom:0; letter-spacing:-1px; }
.get_started_btn { padding:16px 30px !important; display:inline-block; }


/* Oil Change Page Styling
   ======================================== */
.take_care_text { padding-right:20%; padding-left:20px; }
.take_care_text h2 { font-size:60px; line-height:1.1; }
.take_care_text p { font-size:25px; line-height:1.2;}
.oil_express { padding:15px 20px 15px 25%; }
.oil_express h2 { font-size:45px; line-height:1; margin-bottom:25px; }
.oil_express ul { margin-bottom:0; }
.oil_express li { margin-bottom:15px !important; font-size:28px; color:#fff; }
.friendly_expert_content h2 { font-size:45px; line-height:1.1; margin-bottom:20px; }
.friendly_expert_content p { font-size:25px; line-height:1.3; margin-bottom:40px; letter-spacing:-1px; }


/* Locations Page Styling
   ======================================== */
#our-location .location-box .get_directions_btn { font-size:18px !important; text-transform:uppercase; width:145px; }


/* Locations Single Page Styling
   ======================================== */
.location_content_details p { font-size:26px; line-height:1.4; letter-spacing:-1px; }
.manager_wraper { max-width:860px !important; margin:0 auto; clear:both; float:none !important; }
.manager_details img { margin-bottom:20px; }
.manager_details h4 { font-size:22px; }
.manager_details a { font-size:22px; color:#d63f32; text-decoration:underline !important; }
.manager_contact { padding-top:40px; }
.manager_contact h3 { font-size:34px; line-height:1; }
.manager_contact p, .manager_contact a { font-size:32px; line-height:1.2; letter-spacing:-1px; margin-bottom:30px; display:inline-block; }

table.locations-social-table { width: 100% !important; max-width: 200px !important; }
table.locations-social-table td { border: none !important; box-shadow: none !important; }
table.locations-social-table td a { transition:.1s ease-in-out; }


/* About Us Page Styling
   ======================================== */
.welcometext { padding:0 50px 0 25%; }
.welcometext p { font-size:25px; line-height:1.2; }
.welcometext h3 { font-size:34px; line-height:1.3; }
.ready_to_join_content h2 { color:#363940; }
.ready_to_join_content p { font-size:25px; line-height:1.2; margin-bottom:45px; }
.about_blog_content { padding-left:25px; }
.about_blog_content p { font-size:25px; line-height:1.3; }


/* Careers page Styling
   ======================================== */
#ContactFormPanel p.careers_paragram { max-width:810px; margin:0 auto 40px; }


/* Contact Us Page Styling
   ======================================== */
#ContactFormPanel p { font-size:22px; margin-bottom:45px; line-height:1.2; }
.exceptional_text h2 { font-size:45px; color:#363940; }
.exceptional_text p { margin-bottom:35px; }


/* Form Styling
   ======================================== */
.gform_wrapper ul.gform_fields li { margin:0 !important; }
.gform_wrapper ul.gform_fields li input,
.gform_wrapper ul.gform_fields li select { margin:0 0 20px !important; padding:16px !important; height:54px; border:1px solid #000000; border-radius:4px; -webkit-border-radius:4px; color:#979797; font-weight:500; font-size:16px; }
.gform_wrapper ul.gform_fields li select { background:url('../../uploads/icon_down-arrow-dark.png') right 20px center no-repeat; }
body .gform_wrapper .top_label div.ginput_container { margin-top:0 !important; }
.gform_wrapper { max-width:730px !important; width:100%; margin:0 auto; border:9px solid #D73F33; box-sizing:border-box; box-shadow:0px 40px 80px rgba(0, 0, 0, 0.1); border-radius:5px; background:#fff; padding:40px 65px 40px 80px;}
.gform_wrapper .gform_footer { padding:0 !important; }
.gform_wrapper { margin-top:0 !important; margin-bottom:0 !important; }
.gform_wrapper textarea { padding:10px 15px 18px !important; border:1px solid #000000; border-radius:4px; -webkit-border-radius:4px; color:#979797; font-weight:500; font-size:16px; }
.gform_wrapper .gform_footer input[type=submit] { padding:12px 60px; border-radius:4px; background:#D73F33; text-transform:uppercase; font-weight:bold; font-size:24px; }
.gform_wrapper .gform_footer input[type=submit]:hover { background:#000; color:#fff; }
.conditiontext { font-size:12px; line-height:1.5 !important; font-weight:300; padding-left:8px; }
.attachfile_field .gfield_label { font-size:16px !important; font-weight:500 !important; color:#000; }
.gform_wrapper ul.gform_fields li.attachfile_field input { padding:0 !important; height:auto; border:1px solid #fff; }


/* Popup Styling
   ======================================== */


/* Footer Styling
   ======================================== */
#Footer .one-fourth { width:30% !important; }
#Footer .one-fourth:first-child { width:100% !important; text-align:center; margin-top:-87px; }
.footer-content-style { font-size:20px; color:#fff; line-height:23px; font-weight:100; }
.footer-menu { display:block; }
.footer-menu li { display:inline-block; vertical-align:middle; }
.footer-menu li a { text-transform:uppercase; display:block; font-size:18px; font-weight:500; padding:0 16px; }
.footer-social { display:block; text-align:center; }
.footer-social li { display:inline-block; }
.footer-social li a { font-size:30px; display:block; }
.copy-right { display:block; text-align:center; font-size:17px; margin-top:16px; }






/* Responsive Styling
    ======================================== */

/* < 1690 ------------------------------------------------------------------------------------------------------------ < 1690 */
@media only screen and (max-width:1690px) {

}

/* < 1580 ------------------------------------------------------------------------------------------------------------ < 1580 */
@media only screen and (max-width:1580px) {

}

/* < 1380 ------------------------------------------------------------------------------------------------------------ < 1380 */
@media only screen and (max-width:1380px) {

}
@media only screen and (max-width:1320px) { 

}

/* > 1240 ------------------------------------------------------------------------------------------------------------ > 1240 */
@media only screen and (min-width:1240px) {

}

/* #Header Creative always Open	1240 - 1489 ---------------------------------------- #Header Creative always Open 1240 - 1489 */
@media only screen and (min-width:1240px) and (max-width:1489px) {

}
@media only screen and (min-width:1240px) and (max-width:1260px) {

}

/* < 1240 ------------------------------------------------------------------------------------------------------------ < 1240 */
@media only screen and (max-width:1239px) {

    .wash-menu-cnt h2 { font-size:48px; }
    #go-unlimited h2 {  font-size:48px; }	
    .oil-change-text h2 { font-size:48px; }
    #our-location h2 { font-size:48px; }
    #our-location ul li { vertical-align:top; }
    .take_care_text h2 { font-size:45px; }	
    .oil_express { padding-left:15%; }

}

/* #Desktop 768 - 1239 - For Tablet #Side_slide --------------------------------------------------------- #Desktop 768 - 1239 */
@media only screen and (min-width:768px) and (max-width:1239px) {

}

/* #Desktop 960 - 1239 ---------------------------------------------------------------------------------- #Desktop 960 - 1239 */
@media only screen and (min-width:960px) and (max-width:1239px) {

}

@media only screen and (max-width:1239px) {

    #Top_bar a.responsive-menu-toggle { background:#d63f32; color:#fff; }
    .oil-change-text { padding:0 0 0 0; }
    #our-location ul li { padding:0 15px; }
    .short-place { padding:0px 40px; }
    .features-list li { padding:0 20px; }

}

/* #Desktop > 960 -------------------------------------------------------------------------------------------- #Desktop > 960 */
@media only screen and (max-width:959px) {

    .service-banner ul { padding:0 0px; }
    .wash-menu-cnt h2 { font-size:36px;line-height:45px; }
    #go-unlimited h2 { font-size:36px; margin-bottom:31px; }
    .oil-change-text h2 { font-size:36px; }
    #our-location ul li { padding:0 5px; }
    #our-location .location-box h3 { font-size:18px; }	
    #our-location .location-box p { font-size:18px; line-height:24px; }
    .page-heading { font-size:36px; line-height:41px; }
    .banner-heading { font-size:36px; line-height:41px; }
    .content-style { font-size:20px; line-height:28px; }
    .footer-menu li a { font-size:14px; padding:0 12px; }
    .features-list li p { font-size:18px; }
    .take_care_text { padding-right:20px; }
    .oil_express { padding:35px 0 35px 20px; }
    .individual_washes_content p { font-size:22px; }
    .individual_washes_content h4 { font-size:25px; }
    .individual_washes_content h3 { font-size:42px; }
    .big-heading { font-size:45px; }
    .welcometext { padding:0 50px; }

}

/* #Tablet (Landscape) 768 - 959 -------------------------------------------------------------- #Tablet (Landscape) 768 - 959 */
@media only screen and (min-width:768px) and (max-width:959px) {

    .wash-menu-cnt h2 { font-size:28px; }
    .oil-change-text h2 { font-size:28px; line-height:33px; }
    .oil-change-text p { font-size:20px; color:#fff; font-family:"futura-pt",sans-serif; line-height:25px; margin-bottom:50px; }
    #our-location h2 { font-size:36px; }	

}

/* #Desktop & Tablet (Landscape) > 768 -------------------------------------------------- #Desktop & Tablet (Landscape) > 768 */
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:470px) and (max-width:768px) {

}

/* #Tablet (Portrait) & Mobile < 768 ------------------------------------------------------ #Tablet (Portrait) & Mobile < 768 */
@media only screen and (max-width:767px) {

    .service-banner ul li { flex-direction:column; }
    .service-banner ul li figure { position:static; margin-top:-41px; }
    .service-banner ul li p { padding-left:0; padding-right:0; margin-top:15px; text-align:center; }
    #go-unlimited h2 { font-size:32px; line-height:37px; }
    #go-unlimited h3 { font-size:39px; line-height:50px; }
    .oil-change-text { padding:0 33px 0 33px; }
    #our-location ul li { width:100%; }
    .short-place { padding:34px 40px 0; }
    .footer-menu li { display:block; margin-bottom:12px; }
    #Footer { text-align:center; }
    #Footer .one-fourth { width:100% !important; }
    #Top_bar #logo { height:99px; }
    .take_care_text h2, .oil_express h2, .friendly_expert_content h2, .why_speedpass_content h2 { font-size:35px; }
    .oil_express li { font-size:24px; }
    .why_speedpass_list_item p { font-size:22px; }
    .why_speedpass_list_item h3 { font-size:30px; }
    #Innerbanner { padding-top:380px !important; }
    .gform_wrapper { padding:30px 25px 30px 30px; }
    .big-heading { font-size:35px; }
    .welcometext { padding: 30px; }
    .about_blog_content { padding-left:0; }
    .manager_contact { padding-bottom:40px; padding-top:0; }
    body.page #Top_bar.is-sticky #logo img.logo-mobile-sticky { height:40px !important; }
    #Top_bar:not(.is-sticky) a.responsive-menu-toggle { top:0 !important; margin-top:-50px !important; }
    #Top_bar a.responsive-menu-toggle i:before { font-weight:900 !important; }

}

/* #Mobile < 750 ---------------------------------------------------------------------------------------------- #Mobile < 750 */
@media only screen and (max-width:750px) {

}

/* #Mobile < 680 ---------------------------------------------------------------------------------------------- #Mobile < 680 */
@media only screen and (max-width:680px) {

}

/* #Mobile < 640 ---------------------------------------------------------------------------------------------- #Mobile < 640 */
@media only screen and (max-width:640px) {
	
}

/* #Mobile < 568 ---------------------------------------------------------------------------------------------- #Mobile < 568 */
@media only screen and (max-width:568px) {

}

/* #Tablet (Portrait) & Mobile (Landscape) 480 - 768 ---------------------- #Tablet (Portrait) & Mobile (Landscape) 480 - 768 */
@media only screen and (max-width:480px) {

    .wash-package.small p { font-size:14px; }
    .features-list li { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }

}

@media only screen and (max-width:467px) {
.wash-package { width:297px; margin:0 0 62px 21px; }
.wash-package .top-wash { top:-39px; width:121px; }
.wash-package .package-price { right:-55px; width:104px; }
.wash-package .package-price p { top:43px; left:30px; font-size:10px; line-height:12px; }
.wash-package .package-price p strong { font-size:20px; margin-bottom:3px; }
.wash-package h3 { font-size:23px; margin-bottom:14px; }
.wash-package h4 { font-size:20px; }
.wash-package ul li { font-size:16px; }
.wash-package ul li:last-child { font-size:14px; }
.wash-package ul li img { width:53px; }
.wash-package.small h3 { font-size:26px; }
.wash-package.small h4 { font-size:19px; }
.wash-package.small p { font-size:12px; }
.wash-package .btn { width:153px; font-size:18px !important; }
.wash-package .package-price.blue { width:94px; }
.wash-package .package-price.blue p strong { font-size:17px; }
.wash-package .package-price.blue p { font-size:9px; top:42px; left:24px; line-height:10px; }
.wash-package .package-price.sky { width:94px; }
.wash-package .package-price.sky p strong { font-size:17px; margin-bottom:4px; }
.wash-package .package-price.sky p { font-size:9px; top:41px; left:26px; line-height:10px; }
.wash-package .package-price.white { width:82px; }
.wash-package .package-price.white p strong { font-size:17px; margin-bottom:3px; }
.wash-package .package-price.white p { font-size:8px; top:36px; left:21px; line-height:9px; }
}

@media only screen and (max-width:409px) {
.wash-package { width:272px; margin:0 0 62px 13px; }
}

/* #Mobile (Portrait) < 480 ------------------------------------------------------------------------ #Mobile (Portrait) < 480 */
@media only screen and (min-width:448px) and (max-width:500px) {

}
@media only screen and (max-width:479px) {

}
@media only screen and (max-width:360px) {
.wash-package { width:262px; margin:0 0 62px 0px; }
}

/* Retina | iPad ----------------------------------------------------------------------------------------------- Retina | iPad */
@media only screen and (max-device-width:1024px) {

}