/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.header-nav #nav > li > a {
	    padding: 13px 18px !important;
	}

	#fixnav > li > a{
		padding: 0 9px;
	}

	.sb-details span{
		width: 70%;
		font-size: 10px;
	}

	.sb-agent-name {
		font-size: 15px;
	}

	#fixnav {
	    margin-right: -9px;
	}

	#fixnav li.last-nav .sub-menu{
		margin-left: -81.5px !important;
	}
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	
	/* The following are used on inner pages. Please edit carefully. */

	.inner {
	    width: 100%;
	}
	#content-sidebar, #content-full {
	    width: 100%;
	}	
	.outer{
		width: 100%;
		min-width: 100%;
	}
	#content-sidebar #content{
		width: 100%;
	}

	.nav-bg{
		display: none;
	}

	.aios-mobile-header-wrapper{
		z-index: 1030;
	}

	.welcome-right::after,
	.contact-left::after{
		display: none;
	}

	.header-bg{
		padding: 60px 0 15px;
	}

	.header-default{
		position: relative;
	}

	.header-logo img{
		margin: auto;
	}

	.header-connect.connect-btn{
		display: block;
		margin-top: 10px;
	}

	.header-contact{
		text-align: center;
	}

	.header-smi {
	    margin: 0 0 0 10px;
	}

	.qs-wrap {
	    position: relative;
	    bottom: 0;
	}

	.qs-form{
		max-width: 500px;
		width: 100%;
		margin: 0 auto 30px;
		font-size: 0;
	}

	.qs-container{
		padding: 23px 0px 10px;
	}

	.qs-form .qs-field{
		width: 100%;
		margin-bottom: 5px;
		margin-left: 0;
		margin-right: 0;
	}

	.qs-form .qs-form-label span{
		text-align: center;

	}

	.qs-form .qs-form-label {
	    margin-bottom: 8px;
	    text-align: center;
	}

	.qs-form .qs-field-short{
		width: 50%;
	}

	.qs-form .qs-field-short:nth-child(odd){
		padding-left: 2px; 
	}

	.qs-form .qs-field-short:nth-child(even){
		padding-right: 2px; 
	}

	.qs-form .qs-field-btn{
		width: 50%;
		margin-left: 0;
		margin-right: 0;
	}

	.qs-form input{
		border: 1px solid #053359;
	}

	/*.qs-form a {	    
	    background: #226998;
	    color: #fff;
	    text-decoration: none;
	    padding: 8px 0;
	    border: 1px solid #226998;
	}*/

	.qs-form .qs-field-btn:nth-child(even){
		padding-right: 2px;
	}

	.qs-form .qs-field-btn:nth-child(odd){
		padding-left: 2px;
	}

	.welcome-photo img {
	    position: relative;
	    margin: auto;
	    display: block;
	}

	.featprop-img-holder{
		margin: 15px auto;
	}

	#inner-page-wrapper {
	    padding-top: 50px;
	}

	.welcome-left {
	    min-height: 100%;
	}

	.welcome-right{
		height: auto !important;
		min-height: auto !important;
		padding: 30px 0;
	}


	.welcome-label,
	.featcomm-label,
	.featprop-label,
	.contact-label {
	    font-size: 25px;
	}

	.featprop-link{
		margin-right: 0;
		margin-bottom: 15px;
	}

	.featprop-details-arrows{
		display: block;
	}
	
	.contact-left{
		height: 500px !important;
	}

	.contact-right{
		min-height: 100% !important;
		height: 100% !important;
		background: transparent;
		padding: 0;
		overflow: hidden;
	}

	.contact-img{
		display: block;
	}

	#content .wpcf7 form input[type='text'],
    #content .wpcf7 form input[type='password'],
    #content .wpcf7 form input[type='email'],
    #content .wpcf7 form input[type='number'],
    #content .wpcf7 form input[type='tel'],
    #content .wpcf7 form input[type='url'],
    #content .wpcf7 form textarea {
        padding-left:0;
        padding-right:0;
        width:100%;
        max-width:100%;
    }

    .remove-float {
	    float: none !important;
	    display: block;
	}

	.welcome-photo {
	    position: relative;
	}

	.sliding-container {
	    height: 100%;
	    overflow-y: scroll;
	    overflow-x: hidden;
	}
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) | Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 767px) {

}

@media only screen and (max-width: 575px) {
	.popup-img,
	.popup-info{
		width: 100%;
	}

	/* Fix Close button in mobile devices */
	#areaPickerCustomListToggle{
      width: auto !important;
    }
    #areaPickerClearAll{
      width: auto !important;
    }
    #areaPickerExpandAllCloseButton{
      width: auto !important;
    }

    /*Pagination Alignment in mobile*/
	#ihf-main-container .pagination>li>a{
		padding: 6px 8px;
	}
	

	/*Refine Search and Sort Button Alignment*/
	#ihf-main-container .btn-group>.btn-group {
	    float: right;
	}
}