


@media only screen and (max-width: 1199px) {
	/*index*/
	.logo img{ width: 282px;}
	.nav.navbar-nav.navbar-right{ margin-top: 8px;}
	#nav.fixed{ height: 87px;}
	.thumbnail-one.thumbnail-two{ height: 294px;}
	.thumbnail-one.thumbnail-two img{ width: 90%;}
	.tb-cell h1{ font-size: 38px;}
	.tb-cell p{ font-size: 16px; padding: 0 30px;}
	.quality-service h1{ font-size: 54px;}
	.hero-banner{ background-attachment: inherit;}
	/*blog*/
	.blog-right-side{ width: 376px;}
	.blog-detail h2{ font-size: 29px; line-height: 29px;}
	/*special*/
	.special-banner-content h1{ font-size: 60px;}
	.special-banner-content h2{ font-size: 34px;}
	.special-banner-content p{ font-size: 26px;}
	.special-banner-content{ padding-bottom: 30px;}
	.sudzy-dog img{ width: 100%;}
	.sudzy-dog a{ font-size: 48px;}
	.sudzy-dog p{ font-size: 24px;}
	.special-pets h1{ font-size: 42px;}
	.why-sudzy-list h1{ font-size: 42px;}
}
@media only screen and (max-width: 991px) {
	/*index*/	
	.navbar-default .navbar-nav li a{ font-size: 16px;}
	.navbar-default .navbar-nav li{ margin-left: 19px;}
	.logo img{ width: 205px;}
	.nav.navbar-nav.navbar-right{ margin-top: 1px;}
	.banner-logo > img{ width: 200px;}
	#nav.fixed{ height: 72px;}
	.thumbnail-one.thumbnail-two{ height: 228px;}
	.tb-cell h1{ font-size: 34px;}
	.tb-cell p{ font-size: 16px; padding: 0 10px;}
	.quality-service h1{ font-size: 48px;}
	.quality-service h6{ font-size: 26px;}
	.quality-image > img{ width: 100%;}
	.quality-list ul li{ font-size: 19px; line-height: 25px;}
	.quality-list ul{ margin-top: 25px;}
	.footer-detail{ width: 295px;}
	.copy-links{ text-align: center; margin: 0 0 5px;}
	.social-icons{ text-align: center;}
	footer{ padding: 30px 0;}
	/*blog*/
	.blog-right-side{ float: none !important; margin-top: 30px;}
	.blog-page h1{ font-size: 42px;}
	/*special*/
	.special-banner-content h1{ font-size: 44px; line-height: 42px; margin: 0;}
	.special-banner-content h2{ font-size: 26px; margin: 0;}
	.special-banner-content a{ font-size: 42px; line-height: 40px;}
	.special-banner-content p{ font-size: 20px; line-height: 22px;}
	.special-pets h1{ font-size: 36px;}
	.sudzy-dog a{ font-size: 36px;}
	.why-sudzy-list ul li{ font-size: 20px;}
	/*contact*/
	main{ padding: 50px 0;}
	.contact-field{ width: 100%;}
	#googleMap{ height: 300px !important;}

}
@media only screen and (max-width: 767px) {
	/*index*/
	.banner-content h1{ font-size: 52px;}
	.navbar{ position: static;}
	.thumbnail-one{ width: 100%; float: none !important;}
	.thumbnail-one.thumbnail-two{ width: 100%;}
	.thumbnail-one.thumbnail-two img{ width: auto;}
	.tb-cell h1{ font-size: 48px;}
	.tb-cell p{ font-size: 20px; padding: 0 30px;}
	.pets-image{ margin-bottom: 15px;}
	.footer-detail{ width: 44%;}
	.footer-detail:last-child{ margin-right: 0;}
	.banner-logo > img{ width: 150px;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover{ background: none; border:0;}
	.navbar-default .navbar-toggle .icon-bar{ background-color: #000;}
	.navbar-collapse{ position: absolute; width: 100%; background-color: #fff; z-index: 100; margin-top: 10px}
	.logo{ padding-left: 15px;}
	#nav.fixed{ height: 78px;}
	.navbar-default .navbar-nav li{ margin-left: 15px;}
	/*blog*/
	main{ padding: 45px 0 0;}
	.blog-page h1{ margin-bottom: 30px}
	/*special*/
	.special-pets h1{ margin-bottom: 30px;}
	.sudzy-dog a{ font-size: 50px;}
	.sudzy-dog{ margin-bottom: 30px;}
	.ambulance img{ margin-bottom: 0;}
}
@media only screen and (max-width: 640px) {
	/*index*/
	.banner-logo { bottom: 40px; position: absolute; left: 50%; transform: translateX(-50%); display: none;}
	.banner-content {left: 50%; position: absolute; text-align: center; top: 25%; transform: translateX(-50%); width: 100%; margin-top: 0;}
	.hero-banner{ background-position: center;}
	/*carrer*/
	.career-option p{ line-height: 23px;}
	/*contact*/
	.blog-page.contact-page h1{ font-size: 34px;}
	.contact-field{ height: 48px;}
	.contact-field.msg-box{ height: 175px;}

}
@media only screen and (max-width: 567px) {
	/*index*/
	.banner-content h1{ font-size: 44px; line-height: 40px;}
	.banner-content h3{ font-size: 30px;}
	.footer-detail{ width: 100%; margin: 0 0 30px;}
	.footer-detail:last-child{ margin-bottom: 0;}
	.banner-content{ top: 30%;}
	.blog-pagination{ margin-top: 40px;}
	/*special*/
	.special-banner-content{ text-align: center;}
	.ambulance{ padding-top: 0;}
	.why-sudzy-list h1{ font-size: 38px; margin-bottom: 20px;}

}
@media only screen and (max-width: 480px) {
	/*index*/
	.banner-content h1{ font-size: 31px; line-height: 32px;}
	.tb-cell h1{ font-size: 36px;}
	.tb-cell p{ font-size: 18px; padding: 0 10px;}
	.quality-service h1{ font-size: 36px;}
	.quality-service h6{ font-size: 22px; margin-top: 10px; margin-bottom: 30px}
	main{ padding: 40px 0 0;}
	.sudzy-pets h1{ font-size: 36px; margin-bottom: 24px;}
	.sudzy-pets{ padding: 35px 0;}
	/*blog*/
	.blog-right-side{ width: 100%;}
	.promo-graphic{ background-size: cover;}
	.facebook-feed > img{ width: 100%;}
	.blog-page h1{ font-size: 34px;}
	.promo-banner > img{ width: 100%;}
	.promo-banner h1{ margin-bottom: 0;}
	.promo-banner h2{ font-size: 28px;}
	.promo-graphic h4{ font-size: 34px; line-height: 26px;}
	.promo-graphic h3 a{ font-size: 30px; margin: 10px 0;}
	.promo-graphic a{ font-size: 24px; line-height: 22px;}
	.promo-graphic{ padding-top: 118px;}
	/*carrer*/
	.career-option h6 br{ display: block;}
	/*special*/
	.special-pets h1{ font-size: 30px; margin-bottom: 24px;}
	.pets-special-artical p{ font-size: 18px; line-height: 24px;}
	.sudzy-dog a{ font-size: 38px;}
	.why-sudzy-list h1{ font-size: 30px;}
	.why-sudzy{ padding: 20px 0}
}

  
