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

 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1260px) {
	#nav > li > a, #fixnav > li > a {
	    font-size: 13px;
	}

	#fixnav > li{
		padding: 0 6px 0;
	}

	.fixed-header .logo img{
		width: 180px;
	}

	.fixed-header .logo {
	    margin-right: 10px;
	}

	.fixed-header nav.navigation {
	    margin: 19px 0 20px;
	}

	.burger-menu {
	    margin-top: 11px;
	}

}

@media only screen and (max-width: 1199px) {
	.close-btn {
	    top: 20px;
	    right: 20px;
	}

	.fixed-header .logo {
	    margin-right: 20px;
	}

	.logo img {
	    width: 180px;
	    height: auto;
	}

	.fixed-header .logo img {
	    width: 120px;
	}

	.fixed-header #fixnav > li {
	    padding: 0 5px;
	}

	.expanded-menu-inner{
		padding-top: 50px;
	}

	#nav > li > a{
	    font-size: 11px;
	}

	#fixnav > li > a {
	    font-size: 12px;
	
	}

	.header-mega-dropdown{
		padding-top: 145px;
	}
	
	ul#nav li a{
		padding-bottom: 15px;
	}

	.mega-dropdown-wrap{
		padding-top: 130px;
	}

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

	.mega-dropdown-item[rel="Design Services"] .mg-dd-list ul {
	    padding-top: 10px;
	}
	    .mega-dropdown-item[rel="Design Services"] .mg-dd-list ul li {
	        margin-top: 0;
	    }

	.sticky .fixed-header {
	    height: auto;
	}

	.fixed-header nav.navigation {
	    margin: 0px 0 20px;
	}

	.burger-menu {
	    margin-top: 0;
	}

	.header-mega-dropdown.sticky-dd .mega-dropdown-wrap {
	    position: fixed;
	    padding-top: 64px;
	}


} 



@media only screen and (max-width: 1080px) {
	.fixed-header #fixnav > li > a {
	    font-size: 11px;
	}

	#nav > li {
	    padding: 0 8px 0px;
	}

	.fixed-header #fixnav > li {
	    padding: 0 4px;
	}
}

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
	.ins-book {
	    width: 100%;
	    max-width: 400px;
	    height: auto;
	}

	.page-id-25 .welcome-content > h2 {
	    padding: 0 15px;
	}

	.page-id-25 .row.mob-padd > a > div {
    padding: 0 15px;
	}
	.page-id-25 .row.mob-padd > a {
	    display: block;
	    padding: 0 15px;
	}
	#ai-modern-community-details .ai-modern-community-details-title h2{
		padding-left: 0;
	}
	.landing-btn a,
	.landing-contact-btn > div {
	    margin-bottom: 20px;
	}
	.landing-btn,
	.landing-contact-btn {
	    flex-direction: column;
	    align-items: center;
	}
	.site-title h3 {
	    justify-content: center;
	}
	.site-title {
	    text-align: center;
	}

	#pojo-a11y-toolbar,
	.burger-menu,
	nav.navigation,
	.fixed-header,
	.expanded-menu,
	.header-mega-dropdown {
         display:none;
    }

    .main-header-inner {
	    padding: 20px;
	}

	.main-header {
	    position: relative;
	    margin-top: 51px;
	}

	/* collections */

	.hp-collections-inner {
	    flex-direction: column-reverse;
	    align-items: center !important;
	}

	.hp-collections-content {
	    align-self: center;
	    padding: 40px 20px;
	}

	.hp-collections-inner > div {
	    width: 100%;
	    text-align: center;
	}

	.collections-list ul li{
		padding: 12px 0;
	}

	.hp-collections-photos {
	    margin: 30px 0;
	    max-width: 640px;

	}

	.hp-collections-photos img {
	    padding: 20px;
	}

	/* Welcome */

	.hp-welcome-inner > div {
    	width: 100%;
	    text-align: center;
	}

	.hp-welcome-inner {
	    flex-direction: column;
	    align-items: center;
	}

	.hp-welcome-photo {
	    max-width: 640px;
	    margin-top: 50px;
	}

	.hp-welcome-photo img {
	    padding: 20px;
	}

	.welcome-btn .site-btn {
	    margin-left: 0;
	    margin: 0 auto;
	}

	.hp-welcome-content {
	    padding: 50px 20px;
	}

	/* Portfolio */

	.hp-portfolio-items {
	    flex-direction: column;
	    padding: 140px 20px;
	}

	.jp-portfolio-item {
	    margin: 20px 0;
	}

	.jp-portfolio-item h2:before {
	    left: auto;
	    right: calc(100% + 40px);
	    transform: none;
	    top: 50%;
	}

	.jp-portfolio-item h2:after {
	    left: calc(100% + 40px);
	    right: auto;
	    transform: none;
	    top: 50%;
	}

	.jp-portfolio-item h2:hover:before, .jp-portfolio-item h2:hover:after {
	    height: 1px;
	    width: 100vw;
	}

	.jp-portfolio-item h2{
		font-size: 28px;
	}

	/* Get Started */

	.hp-get-started-inner > div {
	    width: 100%;
	    text-align: center;
	}

	.hp-get-started-inner {
	    flex-direction: column-reverse;
	    align-items: center;
	}

	.hp-get-started-content {
	    padding: 70px 20px;
	}

	.get-started-btn .site-btn {
	    margin: 0 auto;
	}

	.hp-get-started-photo {
	    max-width: 640px;
	    margin-top: 50px;
	}

	.hp-get-started-photo img {
	    padding: 20px;
	}

	/* Testimonials */

	.hp-testi-inner {
	    flex-direction: column;
	    align-items: center;
	}

	.hp-testi-inner > div {
	    width: 100%;
	    text-align: center;
	}

	.hp-testi-photo {
	    max-width: 600px;
	    margin-top: 50px;
	}

	.hp-testi-photo img {
	    padding: 20px;
	}

	.hp-testi-content {
	    padding: 50px 20px;
	}

	/* inspirations */

	.hp-inspirations-inner {
	    flex-direction: column;
	    align-items: center;
	}

	.hp-inspirations-inner > div {
	    width: 100%;
	    text-align: center;
	}

	.hp-insp-left {
	    max-width: 600px;
	    padding: 0;
	    margin-bottom: 120px;
	}

	.insp-item {
	    flex-direction: column;
	    align-items: center;
	    margin-bottom: 60px;
	}

	.insp-item-content {
	    padding: 0;
	    margin-top: 30px;
	}

	.insp-item > div {
	    width: 100%;
	}

	.insp-item-photo {
	    max-width: 200px;
	}

	/* socmed */

	.hp-socmed-item {
	    width: 49%;
	    margin-bottom: 12px;
	}

	.hp-socmed-items {
	    max-width: 600px;
	    margin: 0 auto;
	}

	/* git */

	.git-form-holder {
	    flex-direction: column;
	    align-items: center;
	}

	.git-text {
	    text-align: center;
	    line-height: 24px;
	}

	.git-fields {
	    width: 100%;
	    max-width: 600px;
	}

	.git-field {
	    width: 100%;
	}

	.git-submit {
	    margin: 20px 0 0;
	}

	.footer-form .wpcf7-response-output {
	    width: 100%;
	    bottom: -10%;
	    left: 50%;
	    max-width: 600px;
	    transform: translateX(-50%);
	}

	/* footer */
	.ftr-phone {
	    flex-direction: column;
	}

	.ftr-phone > div,
	.ftr-info-wrap > div {
	    margin-top: 30px;
	}

	.ftr-info-wrap > div em {
	    display: block;
	    margin-bottom: 7px;
	}
	.ftr-info-wrap > div br {
	    display: block;
	}

	.ftr-address span {
	    flex-direction: column;
	}

	.ftr-address span em {
	    padding-right: 0;
	}



	
	/* 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%;
	}

	.single-aios-communities #ai-modern-community-details {
		margin-top: 0;
	}
	.single-aios-communities #ai-modern-community-details #breadcrumbs {
		padding-left: 15px;
		padding-right: 15px;
	}
	.single-aios-communities .site-title h2 {
		font-size: clamp(42px, 6.250vw, 100px) !important;		
	}
	
} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
    .ip-banner .container{
        width: 100%;
    }
}

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

	.ftr-mls-logo-wrap {
	    flex-direction: column;
	}

	.ftr-mls-logo-wrap > img {
	    width: 100%;
	    max-width: 117px;
	    height: auto;
	    margin-top: 30px;
	}

	.hp-socmed-item {
	    width: 100%;
	}
	.landing-btn a span{
		font-size: 25px;
	}

	.landing-btn a{
		height: 100px;
	}

	.landing-main-content h2{
		font-size: 32px;
	}

	.landing-logo img {
	    width: 200px;
	    height: auto;
	}

}