/** Common Mobile device css**/

@media only screen and (min-width:0px) and (max-width:991.98px) { 

.header-logo-bg {background: #fff; }
.logo-img img {width: auto; display: block; margin: 0 auto; }
.tap2call-btn a {background: #f8c217; display: block; text-align: center; padding: 7px 15px; border: 1px solid #183d6a; color: #183d6a; font-weight: 600; }
.tap2call-btn a:hover, .tap2call-btn a:focus {text-decoration: none; background: #16adbe; color: #fff; }
.tap2call-btn {width: 50%; float: left; }
.top-social {text-align: center; }
.banner-caption {margin: 0; }
.testimonial-title h2 {font-size: 30px; }
.special-offer-section {padding: 15px 0; }
.footer-section { padding: 40px 0 25px;}
.footer-title h2 {font-size: 32px; }
.footer-contact-info {line-height: 1.4; }
.footer-contact-info hr {margin: 15px 0; }
img.google-review {margin-right: auto; display: block; margin-left: auto; margin-bottom: 17px; }
.footer-social ul li a {padding: 9px 13px; }
.footer-social {text-align: center; }
.inner-banner-section {padding: 20px 0; }
.inner-banner-section h1 {font-size: 25px; }

.service-section-area {background: #183d6a; padding: 15px 0; }
.content-section-area {padding: 15px 0; }

.menu_title a {
    color: #fff;
}

  }


/** Extra small devices (portrait phones, less than 576px)**/
@media (max-width: 575.98px) { 
 .banner-form-text h4 {font-size: 15px; }
.banner-caption h1 {font-size: 25px; }
.single-service-image img {width: 100%; }
.content-area h2 {font-size: 18px; }
.top-social-bg {background: #183d6a; }
.contact-phone {padding: 10px 0; text-align: center; }
}

/** Small devices (landscape phones, 576px and up)**/
@media (min-width: 576px) and (max-width: 767.98px) { 
.top-social-bg {background: #183d6a; }
.contact-phone {padding: 10px 0; text-align: center; }
.banner-form-text h4 {font-size: 15px;}

.fl-left.control-label { width: 135px; font-size: 14px;}
.fl-left-2.controls { float: left; font-size: 13px;}
.controls select { margin: 0px -2px;}
.mmm-2.form-group { margin-bottom: 6px;}
.api-form .form-group { margin-bottom: 6px;}

.single-service-image img {width: 100%; }
.content-area h2 { font-size: 22px;}
.car-block-title h3 { font-size: 18px;}

 }

/** Medium devices (tablets, 768px and up)**/
@media (min-width: 768px) and (max-width: 991.98px) {
.top-social-bg {
    background: #fff;
}

.top-garantee span {
    display: block;
    font-size: 15px;
}

.single-service-title {
    padding: 7px 8px;
}
.content-area h2 {
    font-size: 22px;
}

  }

/** Large devices (desktops, 992px and up)**/
@media (min-width: 992px) and (max-width: 1199.98px) { 
.single-service-title {
    padding-right: 34px;
    font-size: 12px;
}
.content-area h2 {
    font-size: 25px;
}
.banner-caption h1 {
    font-size: 31px;
}
.fl-left.control-label {
    width: 132px;
    font-size: 14px;
}
.fl-left-2.controls {
    float: left;
    font-size: 13px;
}

.controls select {
    margin: 0px -2px;
}
.mmm-2.form-group {
    margin-bottom: 6px;
}
.api-form .form-group {
    margin-bottom: 6px;
}

.banner-form-text h4 {
    font-size: 14px;
}
.banner-caption {
    margin: 32% 0;
}

#cssmenu > ul > li > a {
    font-size: 11px;
        padding: 32px 3px;
}
#cssmenu > ul > li > a:after {
    padding-left: 6px;
}

.top-phone {
    font-size: 14px;
    text-align: center;
}
.top-garantee span {
    font-size: 14px;
    width: 87px;
}
.top-garantee p {
    font-size: 10px;

}
.footer-contact-info {
    font-size: 14px;
}

.footer-contact-info hr {
    margin: 14px 0;
}
.car-block-title h3 {
    font-size: 18px;
}

.inner-banner-section h1 {
    font-size: 32px;
}




 }

/** Extra large devices (large desktops, 1200px and up)**/
@media (min-width: 1200px) { 


 }


/**Iphone5 Portrite media query**/
@media only screen and (max-width:359px) { 

.controls select { font-size: 11px; padding: 5px 3px;}
.controls select { margin: 0px -2px;}
.mmm-2.form-group { margin-bottom: 6px;}
.api-form .form-group { margin-bottom: 6px;}
.banner-form {padding: 15px 7px;}
.api-form { padding: 15px 4px;}

}

/**Samsung s4 Portrite media query**/
@media only screen and (min-width:360px) and (max-width:549px) {  
 /* .controls select {width: 100% !important; }*/
.controls select { font-size: 12px;}
.controls select { margin: 0px -2px;}
.mmm-2.form-group { margin-bottom: 6px;}
.api-form .form-group { margin-bottom: 6px;}
.banner-caption h1 {
    font-size: 22px;
}


}


/**Iphone landscape media query**/
@media (min-width:550px) and (max-width:568px) {
.fl-left.control-label { width: 135px; font-size: 14px;}
.fl-left-2.controls { float: left; font-size: 13px;}
.controls select { margin: 0px -2px;}
.mmm-2.form-group { margin-bottom: 6px;}
.api-form .form-group { margin-bottom: 6px;}
}

/**Samsung s4 landscape media query**/
@media (min-width:569px) and (max-width:640px) {  

    
}


/**Ipad mini landscape media query**/
@media (min-width:1024px) and (max-width:1279px) {

}


/*============15" device media query================*/
@media (min-width: 1500px) and (max-width:2000px) {

}

/*============19.5" device media query================*/
@media (min-width: 1600px) and (max-width:1679px) {
	.header-logo-bg { background-size: 31.5% 100%;}
	.top-social-bg { background-size: 33.5% 100%;}
}

/*============21" to 23" device media query================*/ 
@media (min-width: 1680px) and (max-width:1919px) {  
	.header-logo-bg { background-size: 32.5% 100%;}
	.top-social-bg { background-size: 34.5% 100%;}

}


/*============27" large device media query================*/ 
@media only screen and (min-width: 1920px) {
	.top-social-bg { background-size: 36.5% 100%;}
	.header-logo-bg {background-size: 34.5% 100%;}

}




























/**********************************************/
/*************   Extra Grid System   **********/
/**********************************************/


@media only screen and (min-width: 1200px) and (max-width: 1599px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
@media only screen and (min-width: 768px) and (max-width: 991px)  { 	
}

@media screen and (min-width: 600px) and (max-width: 800px) {
}
/** Portrite to landscape media query**/
@media only screen and (max-width: 767px) {
}

@media only screen and (min-width: 640px) and (max-width: 767px) {
}

/**landscape media query**/
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/**  Iphone6+ css**/
@media only screen and (min-width : 414px)  and (max-width : 736px){	
}

/**  Iphone6 css**/
@media only screen and (min-width: 375px) and (max-width: 667px) { 
}

/**  Iphone5 css**/
@media only screen and (min-width: 320px) and (max-width:568px) {
}

/**  Iphone4 css**/
@media only screen and (min-width: 320px) and (max-width: 480px) {
}