/* RESPONSIVE CSS */

/* GENERAL
============================== */

.smrt-nav {overflow: auto;}
.smrt-nav .btn {z-index: 500; cursor: pointer; display: block; position: absolute; top: 0px; right: 7px; width: 44px; height: 44px; padding: 10px 10px;}
.smrt-nav .btn:active {box-shadow: none;}    
.smrt-nav .btn span {z-index: inherit; /*background-color: #663c0a;*/ width: 24px; height: 4px; display: block; margin: 4px 0 0; }
.smrt-nav ul {position: absolute; top: 50px; right: 0px;	display: none; width: 160px;	z-index: 500;list-style-type: none;}  
.smrt-nav ul .arrow { width: 0; height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent; border-bottom: 8px solid #fff; margin-left: 72px;}
.smrt-nav ul li a {   width: 100%;  padding: 12px 0;  /*color:#663c0a; */background: #fff; display: block; text-align: center; font-size: 15px; }
.smrt-nav ul li { margin-left: -30px;}
.smrt-nav ul li a:hover {color: white;/*background: #663c0a;*/opacity: 1;font-weight: 700; }

@media (max-width: 1024px) {h2 {font-size:2.5em;} #jobForm {width: 55%;} section.contact-us p {font-size: 16px;} footer section.footer-middle .col-xs-12 p { font-size:18px; } section.testimonial-section .col-sm-4 p{font-size: 17px;} a.navbar-brand {font-size: 32px;} ul.navbar-nav li a { font-size: 15px;}}	
@media (max-width: 992px) {a.navbar-brand {font-size: 24px;} ul.navbar-nav li a { padding: 15px 7px; font-size: 12px;}  nav.navbar .container {width: 100%; padding-right: 0px;} main .container {width: 100%;} /*main {background-image: url('/img/img-bg-992.jpg');}*/ h2 {font-size:2.0em;}section.how-it-works-section h4 {font-size:1.3em;font-weight: bold;}section.how-it-works-section p {font-size:14px;line-height:22px;}section.satisfaction-section p, section.worker-section p {font-size: 18px;}section.testimonial-section .col-sm-4 p{font-size: 16px;line-height:22px;}footer section.footer-bottom ul{margin-top:5px;}}	
@media (max-width: 800px) {article {margin: 120px 0;} article h3 {font-size: 1.3em;}article p {font-size: 0.9em; line-height:1.5em;} section.contact-us #contactForm {padding: 3%;}}
@media (max-width: 768px) {
	/*main {background-image: url('/img/img-bg-768.jpg');}*/
	a.navbar-brand {font-size: 28px;}
	nav .pull-right {display: none;}
	.smrt-nav {display: block;}   
	#jobForm .popover {	visibility: hidden;}	
	#jobForm{width: 58%;}
	#jobForm .h-title span.txt-titel-2 {font-size: 15px;}
	#sbutton {padding-top:17px; padding-bottom:17px;}	
	section.how-it-works-section p {margin-bottom: 50px;} 
	section.testimonial-section ul{margin-bottom:20px;}
	section.testimonial-section .col-sm-4 {	text-align: center;}
	footer section.footer-middle a.btn-primary {font-size: 14px;}
	footer section.footer-middle .col-xs-12 span { font-size: 60px;}
    footer section.footer-middle .col-xs-12 p { font-size:17px; }
    footer section.footer-bottom p {font-size: 15px;}
    footer section.footer-bottom ul li small a {font-size: 13px;}
}
@media (max-width: 603px) {#sbutton {font-size:22px;}}
@media (max-width: 583px) {main {background-attachment : fixed;} #jobForm {width: 100%;} section.contact-us #contactForm {width: 100%; max-width: 100%;}}
@media (max-width: 533px) {
	/*main {background-image: url('/img/img-bg-533.jpg');}*/
	a.navbar-brand {font-size: 28px;}
	h2 {font-size:1.9em;}
	#jobForm .h-title {padding-bottom: 10px;/*padding-top: 10px;*/}
	#jobForm .h-title h1 {/*font-size: 1.9em;*/ margin-bottom: 0px;}
	#jobForm .h-title span.txt-titel-2 {font-size: 14px;}
	section.contact-us p {font-size: 14px; line-height: 17px;}
	footer section.footer-middle a.btn-primary {font-size: 12px;}
	footer section.footer-middle .col-xs-12 span { font-size: 58px;}
    footer section.footer-middle .col-xs-12 p { font-size:14px; }
    footer section.footer-bottom p {font-size: 14px; margin-top: 8px;}
    footer section.footer-bottom ul li small a {font-size: 12px; }
	article h3 {font-size: 1.1em;}
	article h4 {margin-top: 20px;font-size: 0.9em;}
	article p {line-height:1.3em;}
	article ol li {padding: 0px;font-size:0.8em;line-height:1.5em;}
	section.success-message .container { padding: 10px; width: 90%; font-size: 16px;margin-top: 50px; 	margin-bottom: 50px;}
	section.success-message .col-xs-9 h3 {font-size: 18px;}
}
@media (max-width: 480px) {
	h2 {font-size:1.65em;}
	 #jobForm {padding: 3%;} .form-input {margin-bottom: 13px;}
	 textarea.form-input {margin-bottom: 8px;}	
	section.how-it-works-section h4 {font-size:1.0em;}
	section.satisfaction-section img {width: 40%;}
	section.satisfaction-section p, section.worker-section p {font-size: 16px;} 
	article h3 {font-size: 0.9em;}
	article h4 {font-size: 0.8em;}
}
@media (max-width: 360px) {
	/*main {background-image: url('/img/img-bg-360.jpg');}*/
	a.navbar-brand {font-size: 22px;}
	.form-input {margin-bottom: 10px;}
	textarea.form-input {margin-bottom: 5px;}	
	section.success-message .container { padding: 10px; width: 85%; font-size: 16px;margin-top: 10px; 	margin-bottom: 30px;}
	section.success-message h3 {font-size: 20px;}
	section.success-message p {line-height: 18px;}
    footer section.footer-bottom p {font-size: 13px;}
    footer section.footer-bottom ul li small a {font-size: 10px;}
}
@media (max-width: 321px) {
	h2 {font-size:1.4em; }
	.form-input {margin-bottom: 9px;}
	textarea.form-input {margin-bottom: 4px;}	
	section.how-it-works-section h4 {font-size:0.8em;}
	section.satisfaction-section p, section.worker-section p {font-size: 14px;}
	section.contact-us p {font-size: 14px;}
}