/*

Title:   Responsive TABLETS ->>> you must have META VIEWPORT uncommented

Author:  http://themeforest.net/user/hogash // Marius Hogas */



@media only screen 

and (min-width : 1080px) 

and (max-width : 1200px) {

	.image-boxes .box{min-height:330px; width: 250px!important;}

	.image-boxes .box img{width:250px!important; height:194px!important;}

	.property-search-result li .search-result div.box{width: 19%!important;}

	a.grayHover{width:100%!important}
	#contact_form .form-horizontal .control-label{width:90px!important;}
	#contact_form .form-horizontal .controls{margin-left:90px!important;}
	#mainbody{height:auto!important;}
	#slideshow{padding: 0 0 35% 0!important;}
	.empl-title{margin-top:300px;}
		
	}
	
	/* Travis fix mobile top */
	@media only screen and (max-width: 500px) {
    .empl-title {
    margin-top: 10px !important;
}
}







/* iPads (portrait and landscape) // WITH META VIEWPORT ENABLED ----------- */

@media only screen 

and (min-width : 768px) 

and (max-width : 1024px) {

	body .testimonial_box {width:50% !important;}

	.header-titles h4 {font-size:14px;}

	

	.iosSlider .slider .item .caption { 

	-webkit-transform:scale(0.6); -webkit-transform-origin:50% 100%;

	-moz-transform:scale(0.6); -moz-transform-origin:50% 100%;

	-o-transform:scale(0.6); -o-transform-origin:50% 100%;

	-ms-transform:scale(0.6); -ms-transform-origin:50% 100%;

	transform:scale(0.6); transform-origin:50% 100%;

	}

	.iosSlider .prev,

	.iosSlider .next {width: 70px;

	-webkit-transform:scale(0.7); -webkit-transform-origin:0 50%;

	-moz-transform:scale(0.7); -moz-transform-origin:0 50%;

	-o-transform:scale(0.7); -o-transform-origin:0 50%;

	-ms-transform:scale(0.7); -ms-transform-origin:0 50%;

	transform:scale(0.7); transform-origin:0 50%;

	}

	body .iosSlider .item .caption .main_title {margin-bottom:20px;}

	

	.selectorsBlock.thumbs .selectors .item img { max-width:100px;}

	

	

	body .gobox h4 { font-size: 15px;line-height: 1.2;}

	body .gobox.ok > img { margin-bottom: 10px; }

	

	.header-titles h4 {font-size:14px;}

	

	/*new add css*/

	.image-boxes .box{min-height:325px;} /* was 330 */

	h3.m_title {font-size: 19px!important;}

	.image-boxes .box p{font-size:12px!important;}

	.why-post .span10{width:55%!important;}

	.image-boxes .box{margin-right: 10px!important; width: 290px!important;}

	.image-boxes .box img{width:250px!important; height:194px!important;}

	.property-search-result li .search-result div.box {float: left;width:40%!important;}

	.property-search {width: 27%;}

	select {width: 193px;}

	input{width: 180px;}

	

	a.grayHover{width:100%!important}
	.vspacer100{padding:0!important; }
	#footer{margin-top:150px!important;}
	.empl-title{margin-top:300px!important;}
	#contact_form .form-horizontal .control-label{width:55px!important;}
	#contact_form .form-horizontal .controls{margin-left:60px!important;}
}



/* iPads (landscape) // WITH META VIEWPORT ENABLED ----------- */

@media only screen 

and (min-width : 769px) 

and (max-width : 1024px) {

	

	.css3accordion {width:940px;}

	.css3accordion>ul>li {width: 235px; }

	.css3accordion>ul>li>.inner-acc { width:470px; }

	.css3accordion>ul>li .thumb { max-width: 236px; }

	.css3accordion>ul>li.last,

	.css3accordion>ul>li:hover {width:470px;}

	.css3accordion .content > .m_title {font-size: 12px; line-height: 1.3; margin:8px 0;}

	.css3accordion .text {font-size:11px; line-height:1.4; }

	.process_steps .step {min-height: 240px;}

	.process_steps .step.intro > h3 {font-size: 20px;}

	.process_steps .step.intro > h3 + p {font-size: 12px;}

	.process_steps .step .icon {margin: 10px 0 5px;}

	.process_steps .step .icon + h3 {line-height: 1.4;font-size: 20px;}

	.process_steps .step .icon + h3 + p{font-size: 12px;}

	.newsletter-signup input[type="text"] {width:190px;}

	

	body .ca-item h3 {font-size:20px;}

	body .ca-content-text { font-size: 12px; }

	

	.productzoom-style h3 { font-size:20px; }

	.productzoom-style .row { margin-bottom:0; }

	.static-content .features li {font-size:12px;}

	#screenshot {-webkit-transform: scale(0.8); -webkit-transform-origin: 0 50%; -moz-transform: scale(0.8); -moz-transform-origin: 0 50%; -o-transform: scale(0.8); -o-transform-origin: 0 50%; -ms-transform: scale(0.8); -ms-transform-origin: 0 50%; transform: scale(0.8); transform-origin: 0 50%; }

	.btn-large {font-size:14px; padding:7px 10px;}

	

	.static-content.event-style .or {display:none;}

	

	body #css3panels { height: 450px;}

	body #css3panels .panel img {max-height: 460px;}

	body #css3panels .caption {top:300px; width:300px;}

	body #css3panels .caption.upper {top:250px;}

	

	#skills_diagram .legend {right:-30px;}

	

	.limited-offers-carousel {width:582px; }

	.limited-offers-carousel .controls {width:38px; right:-38px;}

	.limited-offers-carousel .controls a { width: 34px; }

	

	.timeline_box:before {right: -16px;}

	div[data-align=right] .timeline_box:before { left:-15px;}

	              

	.services_box.style2 .box {overflow:hidden;}

	

	.feature_box.style3 .box {font-size:12px;}

	

	.how_to_shop > .row {margin-bottom:10px;font-size:12px;}

	

	

}

/* iPads (portrait) // WITH META VIEWPORT ENABLED ----------- */



@media only screen 

and (min-width : 481px) 

and (max-width : 768px) {

	body .iosSlider .item .caption.style3 .title_big span.stronger {font-size:80px;}

	

	.feature_box .title {font-size:13px;}

	.feature_box.feature_box.style2 p {font-size:12px;}

	.feature_box.style2 .box {min-height: 130px;}

	

	.css3accordion {width:724px;}

	.css3accordion>ul>li {width: 181px; }

	.css3accordion>ul>li>.inner-acc { width:362px; }

	.css3accordion>ul>li .thumb { max-width: 182px; }

	.css3accordion>ul>li.last,

	.css3accordion>ul>li:hover {width:362px;}

	.css3accordion .content > .m_title {font-size: 12px; line-height: 1.3; margin:8px 0;}

	.css3accordion .text {font-size:11px; line-height:1.4; }

	

	.recentwork_carousel li .details h4 {font-size:13px;}

	

	.process_steps .step {min-height: 240px;}

	.process_steps .step.intro > h3 {font-size: 20px;}

	.process_steps .step.intro > h3 + p {font-size: 12px;}

	.process_steps .step .icon {margin: 10px 0 5px;}

	.process_steps .step .icon + h3 {line-height: 1.4;font-size:18px;}

	.process_steps .step .icon + h3 + p{font-size: 12px;}

	.newsletter-signup input[type="text"] {width:190px;}

	

	header {min-height: 70px;}

	header.style2 #logo a {padding: 10px 25px;}

	.topnav {margin:5px 0;}

	#search .searchBtn {margin-top:0;}

	

	.newsletter-signup input[type="text"] {width:120px;}

	.social-share li { margin-left: 0;}

	#footer .copyright {float:left;}

	#footer .contact-details {background: url(../img/say_hi_smaller.png) no-repeat right top;}

	

	.flickr_feeds li a { width: 65px;}

	.info-text { font-size: 20px;}

	.hover-box > img {margin: 10px 10px 8px 5px;}

	.hover-box > h3 {font-size:18px}

	.hover-box > h4 {font-size:14px;}



	.thescreenshot {float:none;}

	.screenshot-box .left-side {width: auto; float: none; margin: 20px;}

	.vertical_tabs .tabbable .nav {width:35%;}

	.vertical_tabs .tabbable .tab-content { width: 65%;}

	.statbox {min-height: 90px;}

	.statbox h4 {font-size: 24px;}

	

	body .iosSlider.fixed {height: 310px;}

	

	body .flexslider .flex-viewport {background:none;}

	

	body #ca-container {margin-left: -22px; height: 480px; }

	body .ca-item h3 {font-size:20px;}

	body .ca-starting {font-size:14px;}

	body .ca-content-text { font-size: 12px; }

	

	body .boxes .info_pop {margin:0;}

	

	.productzoom-style h3 { font-size:20px; }

	.productzoom-style .row { margin-bottom:0; }

	.static-content .features li {font-size:12px;}

	#screenshot {-webkit-transform: scale(0.6); -webkit-transform-origin: 0 50%; -moz-transform: scale(0.6); -moz-transform-origin: 0 50%; -o-transform: scale(0.6); -o-transform-origin: 0 50%; -ms-transform: scale(0.6); -ms-transform-origin: 0 50%; transform: scale(0.6); transform-origin: 0 50%; }

	.btn-large {font-size:13px; padding:5px 6px;}

	

	.video-container .captions { width: 748px; margin-left: -374px;}

	.video-container .captions .line {font-size: 26px;}

	

	.ud_counter ul li{ font-size:18px; padding:15px 10px; width:40px; }

	.static-content .or {display:none;}

	#slideshow ul {clear:left;}

	.static-content.event-style h3 {font-size: 18px;}

	

	body .laptop-mask {margin-left:-100px;}	

	

	body #css3panels { height: 450px;}

	body #css3panels .panel img {max-height: 460px;}

	body #css3panels .caption {top:300px; width:300px;}

	body #css3panels .caption.upper {top:250px;}

	

	.flickr_feeds[data-size="small"] li a {width:50px;}

	

	#skills_diagram .legend {right:-20px;}

	

	.limited-offers-carousel {width:456px; }

	.limited-offers-carousel .controls {width:28px; right:-28px;}

	.limited-offers-carousel .controls a { width: 24px; }

	

	.timeline_box:before {right: -16px;}

	div[data-align=right] .timeline_box:before { left:-15px;}

	              

	.services_box.style2 .box {overflow:hidden;}

	

	.feature_box.style3 .box {font-size:12px;}

	

	.how_to_shop > .row {margin-bottom:10px;font-size:12px;}

	

	#contact_form .form-horizontal input[type=text].inputbox {width:200px;}

	

	.adbox.video .video_trigger_container {margin-top:20px;}

	

	.shop-features .shop-feature > h4 {font-size:14px;}

	.shop-features .shop-feature > h5 {font-size:13px;}

	.shop-features .shop-feature > img {margin-right:10px;}

	

	.scrollbarContainer {display:none;}

	

}
/*Travis map search fix for android */
@media only screen and (max-device-width: 500px) { 
	.property-search {
    background-color: #8cd0f3;
    float: left;
    padding: 15px;
    width: 90%;
    display: block;
}
}


@media (max-width: 767px) {

	body {padding: 0px;}

	.row {padding: 0 10px; margin-bottom:20px;}

	.row [class*="span"] {margin-bottom:20px;}

	

	#slideshow .container,

	#page_header .container {padding-top:30px;}

	

	#header {position: relative; height: auto;}

	.topnav.navRight {display:none;}

	#search {margin-right:10px;}

	nav#main_menu {margin: 10px 10px 0 0;}

	.topnav.navLeft > li:first-child {margin-left:15px;}

	

	body .testimonial_box {width:100% !important; margin-bottom:20px;}

	.header-titles h4 {font-size:13px;}

	

	.iosSlider .slider .item .caption { 

	-webkit-transform:scale(0.5); -webkit-transform-origin:50% 100%;

	-moz-transform:scale(0.5); -moz-transform-origin:50% 100%;

	-o-transform:scale(0.5); -o-transform-origin:50% 100%;

	-ms-transform:scale(0.5); -ms-transform-origin:50% 100%;

	transform:scale(0.5); transform-origin:50% 100%;

	width: 850px; bottom: 30px; margin-left: -425px;

	}

	.iosSlider .item .caption.style3 .title_big span.stronger {font-size:120px;}

	.iosSlider .item .caption.style3 .title_big { font-size: 32px; }

	

	.iosSlider .prev,

	.iosSlider .next {width: 70px;

	-webkit-transform:scale(0.5); -webkit-transform-origin:0 50%;

	-moz-transform:scale(0.5); -moz-transform-origin:0 50%;

	-o-transform:scale(0.5); -o-transform-origin:0 50%;

	-ms-transform:scale(0.5); -ms-transform-origin:0 50%;

	transform:scale(0.5); transform-origin:0 50%;

	}

	.iosSlider .next {-webkit-transform-origin:100% 50%;

	-moz-transform-origin:100% 50%;

	-o-transform-origin:100% 50%;

	-ms-transform-origin:100% 50%;

	transform-origin:100% 50%;

	}

	body .iosSlider .item .caption .main_title {margin-bottom:20px;}

	#slideshow .scrollbarContainer {display:none;}

	.selectorsBlock.thumbs .selectors .item img { max-width:100px;}

	

	#action_box { text-align: center; height:auto; }

	#action_box h4.text {font-size: 16px;}

	

	.image-boxes .box {text-align: center;}

	

	.circlehover {display:none;}

	

	.css3accordion {width:auto;}

	.css3accordion > ul {width:auto}

	.css3accordion > ul > li {display:none; width: 100%;}

	.css3accordion > ul > li.last, .css3accordion > ul > li:hover {width: 100%;}

	.css3accordion > ul > li > .inner-acc {width: 100%;}

	.css3accordion > ul > li:first-child {display:block;}

	

	.process_steps .step {float:none; width: 100%;}

	

	.keywordbox {line-height:1.4;}

	

	#footer .menu:before, #footer .menu:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

	#footer .menu:after {clear: both; }

	#footer [class*="span"] {margin-bottom:25px;}

	

	#footer .social-icons {float:none;}

	#footer .copyright img {margin-bottom: 20px;}

	

	.latest_posts.default-style a + em {display:block;}

	

	.infobox2 .btn {margin-left: 20px;}

	

	.vertical_tabs .tabbable .nav > li > a {line-height: 1.5; font-size: 13px; text-align: center; padding: 10px;}

	.vertical_tabs .tabbable .nav > li > a > span {}

	

	#current-date:before, #current-date:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

	#current-date:after {clear: both; }

	#page_header .row [class*="span"] {clear: both;}

	#page_header .header-titles {text-align:left; padding-top: 5px;}



	.process_box .number {position:relative; width: 100%;}

	.process_box .content { margin-left: 0;}

	.process_box[data-align="right"] .content {margin-right:0;}

	

	.span6 + .span12.end_timeline {margin-bottom:0;}

	.timeline_box:hover::before, .timeline_box::after {background:transparent; border:0;}

	

	.team_member {clear: both; padding-top:10px; padding-left:10px;}

	.team_member:before, .team_member:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

	.team_member:after {clear: both; }

	.team_member a.grayHover {overflow: hidden; position: relative; float: left; display: inline-block; max-width: 130px; margin-right: 20px;}

	.team_member .details {float: left; overflow: visible; visibility: visible; opacity: 1; position: static; background: none; box-shadow: none; width: auto;

padding: 10px 0 0;}

	

	.shop-latest .tabbable .nav li a {font-size: 16px;}

	

	#skills_diagram,

	.screenshot-box,

	.circlehover,

	.timeline_box:hover::before, .timeline_box::after {display:none !important;}

	

}



@media (max-width: 600px) {

	.container h2{margin: 10px 18px;}

	.image-boxes .box {margin-right: 10px!important;width: 253px!important;margin-left: 10px;float:left;height: 360px;text-align: left;}

	.image-boxes .box img{width:250px!important; height:194px!important;}

	.why-post .span10 {margin-left: 18px!important;}

	div.footer-info{padding: 0 20px!important;}

	.fsocial {margin: 15px 0!important; float:left!important;}

	.property-search-result li .search-result div.box {float: left;width: 50%!important;}

	.property-search-result li .search-result div.box ul {margin: 0 0 15px 2.2em!important;}

	.property-search-result li .search-result div.box span.title{margin-left: 1em;}

	.status .span3{float:left !important;}

	.vspacer150{padding:0!important; }

	.vspacer20,.vspacer250{padding:0!important; }
	.vspacer100{padding:0!important; }
	#footer{margin-top:300px!important;}
	.empl-title{margin-top: 380px!important;}
	}

@media (max-width: 568px) {

	.container h2{margin: 10px 18px;}

	.image-boxes .box {margin-right: 10px!important;width: 253px!important;margin-left: 10px;float:left;height: 360px;text-align: left;}

	.why-post .span10 {margin-left: 18px!important;}

	div.footer-info{padding: 0 20px!important;}

	.fsocial {margin: 15px 0!important; float:left!important;}

	.why-post .span10{width:90%!important;}

	.property-search-result li .search-result div.box {float: left;width: 50%!important;}

	.page-title{margin-left:0!important;}

	.status .span3{float:left !important;}

	.both-panel{width:100%!important;}

	select{width:160px;}

	.property-search{width:25%}

	.maps{width: 65%!important;}

	form.form .input input[type="submit"]{padding: 8px 11px!important;}

	input.small{width:145px!important; }

	.vspacer150{padding:0!important; }

	

	.team_member a.grayHover{max-width: 100% !important;margin-bottom: 20px!important;}

	.team_member{width: 271px!important; }

	.team_member > h4, .team_member > h6 {padding: 0 15px!important;}

	.empl-title{margin-top:380px!important;}

	.vspacer100{padding:0!important; }
	#footer{margin-top:400px!important;}

	}

	

@media (max-width: 480px) {.property-search-result li .search-result div.box{width: 55%!important;}}

@media (max-width: 320px) {

	#logo {float: none;text-align: center;}

	nav#main_menu {float: none; margin: 10px;}

	select.mobileMenu {width: 100%; margin-top: 10px;}

	

	.iosSlider .slider .item .caption { 

	transform:scale(0.5); transform-origin:50% 100%;

	width: 600px; bottom: 20px; margin-left: -300px;

	}

	.newsletter-signup input[type="text"] {width:160px;}

	

	.social-share li {margin-bottom:10px;}

	

	.infobox2  {text-align:center;}

	.infobox2 .btn {margin:0 0 10px;}

	

	.vertical_tabs .tabbable .nav > li > a {font-size: 11px;}

	.vertical_tabs .tabbable .nav {width:35%;}

	.vertical_tabs .tabbable .tab-content {width: 65%;}

	

	.shop-latest .tabbable .nav li { margin-left: 10px; padding-left: 10px;}

	.shop-latest .tabbable .nav li a {font-size: 13px;}

	

	#demo #options_panel {top: 20px;}

	

	/*new add css*/

	.image-boxes .box {width:280px!important; margin-right:0!important; text-align:left!important;}

	.image-boxes .box img{width:250px!important; height:194px!important;}



	.property-search-result li .search-result div.box {float: none;width: 100%!important;}

	.property-search-result li .search-result div.box ul{margin: 0 0 15px 3.3em!important;}

	.property-search-result li .search-result div.box span.title{margin-left: 2em!important;margin-top: 10px;}

	.property-search-result li .search-result div.box .more{margin-left: 2.3em;margin-bottom: 15px;}

	.both-panel{margin-left: 2em; float: left!important;}

	.property-search{width:90%!important}

	.maps{width:100%!important}

	.search-head h1{font-size:25px;}

	.both-panel {width: 72%!important;}

	.vspacer150{padding:0!important; }
	.vspacer100{padding:0!important; }

	.team_member a.grayHover{max-width: 100% !important;margin-bottom: 20px!important;}

	.team_member{width: 271px!important; }

	.team_member > h4, .team_member > h6 {padding: 0 15px!important;}

	.empl-title{margin-top:480px!important;}
	.qrCode{margin-left:0!important; float:none!important;}
	#footer{margin-top:400px!important;}
	
	
}