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

 @media only screen and (min-width: 992px) and (max-width: 1549px) {
  #listings .container-default {
    width: 100%;
    padding: 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1449px) {
  footer .contacts .right .location {
    width: unset;
    display: flex;
  }
  footer .contacts .right .location a {
    line-height: 2;
    align-items: baseline;
  }
  .header ul li {
    margin: 0 15.5px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {
  #about .type-1 .title .bottom::before {
    background: linear-gradient(90deg, rgba(255,255,255,0.3) 45%, rgba(58,130,206,0) 25%, rgba(220,233,246,0) 85%, rgba(255,255,255,.3) 75%);
  }
  #about .type-1 .title .top {
    padding-left: 26.4%;
  }
  #about .type-1 .title .bottom {
    padding-left: 45.75%;
  }
  #about .type-1 .awards {
    gap: 3%;
  }
  #about .type-1 .content {
    width: 52%;
  }
  #about .type-2 .title .bottom {
    margin-left: 55%;
  }
  #about .type-2 .content {
    padding: 0 3.5% 0 4%;
  }
  #listings .lists, #listings .title {
    width: 32%;
  }
  #testimonials .testimonials-list {
    padding: 4% 6% 5.2% 8.5%;
  }
  #nav li {
    font-size: 10px;
}
}

@media only screen and (min-width: 992px) and (max-width: 1299px) {
  #about .type-1 .title .bottom::before {
    background: linear-gradient(90deg, rgba(255,255,255,0.3) 45%, rgba(58,130,206,0) 25%, rgba(220,233,246,0) 88%, rgba(255,255,255,.3) 71%);
  }
  #about .type-1 .img-container {
    left: 1.5%;
  }
  #about .type-2 .title .bottom {
    margin-left: 52%;
  }
  #about .type-2 .title .top::before {
    background: linear-gradient(90deg, rgba(255,255,255,0) 59%, rgba(0,0,0,1) 0);
  }
  #about .type-2 .content {
    padding: 0 1.75% 0 2%;
  }
  #about .type-2 .awards .left {
    width: 30%;
  }
} 

@media only screen and (min-width: 992px) and (max-width: 1249px) {
  .header .logo .agent-logo {
    padding-right: 0;
  }
  .header .logo .broker-logo {
    padding-left: 10px;
  }
  .header ul li {
    margin: 0 10px;
  }
  .header .links {
    min-width: 720px;
  }
  #testimonials .title, #testimonials .testimonials-list {
    padding-left: 5%;
  }
} 
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #fc .communities-list {
    transform: translateX(-15px);
  }
  #fc .comm .text {
    padding-left: 20px;
    padding-right: 20px;
  }
  #about .type-1 .title .bottom::before {
    background: linear-gradient(90deg, rgba(255,255,255,0.3) 45%, rgba(58,130,206,0) 25%, rgba(220,233,246,0) 97%, rgba(255,255,255,.3) 71%);
  }
  #about .type-2 .title .bottom {
    margin-left: 43%;
    line-height: 0.7;
  }
  #about .type-2 .title .top::before {
    background: linear-gradient(90deg, rgba(255,255,255,0) 70%, rgba(0,0,0,1) 0);
  }
  #about .type-2 p {
    width: 43%;
  }
  #about .left span.big {
    font-size: 50px;
  }
  #about .content .box {
    font-size: 17px;
  }
  #about p {
    font-size: 20.81px;
  }
  #listings .lists .text {
    padding-bottom: 10px;
    padding-left: 15px;
  }
  #listings .title {
    padding-left: 3%;
  }
  #listings .lists .text .name {
    font-size: 18px;
  }
  #listings .lists .text .address {
    font-size: 13px;
  }
  #listings .lists .text .price {
    font-size: 10.6px;
  }
  #statistics .stats {
    gap: 3%;
  }
  footer .contacts .center .broker-logo, footer .contacts .center .agent-logo {
    padding: 0 20px;
  }
  footer .contacts .left {
    width: 27.35%;
    margin-right: 5.25%;
  }
  footer .contacts .right {
    margin-left: 3.5%;
    width: 30.57%;
  }
  #listings-details .listings-smi h2 {
    margin: 15px 10px 0 0 !important;
}
} 

@media only screen and (min-width: 992px) and (max-width: 1150px) {
  .header-container {
    padding: 0px 35px;
  }
  .header ul li {
    margin: 0 5px;
  }
  .header .phone {
    padding: 0 10px;
    padding-right: 40px;
  }
  #slider .content span {
    font-size: 20.5px;
  }
  #slider .content h1 {
    font-size: 41px;
  }
} 

@media only screen and (min-width: 992px) and (max-width: 1099px) {
  .header.fixed .links {
    min-width: 675px;
  }
  .header.fixed .logo .broker-logo img {
    transform: translateX(0);
  }
  #statistics .box {
    padding: 70px 10px 40px 10px;
  }
  #statistics .stats {
    gap: 1%;
  }
  #testimonials .img {
    width: 43%;
  }
  #testimonials .testimonials-list {
    width: 63%;
  }

} 


/* .about-mobile-only {
  display: none;
} */

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {

    /* .about-mobile-only {
      display: block;
    }
    .about-slick-container {
      display: none !important;
    } */
	
	/* 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%;
	}

  /* Header responsiveness - max-width: 991px */
  .mobile-header {
    display: block;
  }
  body.side-menu-active {
    overflow: unset;
  }

  /* Slider - max-width: 991px */

  #slider {
    padding: 0;
  }
  #slider .content {
    text-align: center;
  }
  #slider .content h1 {
    text-shadow: 2px 2px 4px black;
  }
  .header, .burger-container,
  #side-menu {
    display: none;
  }
  #slider .cycloneslider-template-responsive .cycloneslider-pager {
    text-align: center !important;
    padding-right: 0 !important;
  }

  /* Featured Communities - max-width: 991px */

  #fc .title {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #fp .bottom .text {
    bottom: 40px;
  }
  #fc .slick-slide > div {
    text-align: center;
    padding-top: 26px;
  }
  #fc .comm {
    width: 420px;
  }
  #fc .comm .text {
    padding: 40px;
    text-align: start;
  }
  #fc .arrow {
    display: flex;
  }
  #fc .communities-list {
    transform: translateX(-10px);
  }

  /* Featured Properties - max-width: 991px */

  #fp .top {
    padding: 0 20px;
  }

  /* About - max-width: 991px */

  #about span.big {
    font-size: 34px;
  }
  #about .left span.big {
    font-size: 42px;
  }
  #about .content .box {
    font-size: 14px;
  }
  #about .type-1 .title .top,
  #about .type-1 .title .bottom,
  #about .type-2 .title .top,
  #about .type-2 .title .bottom {
    margin: 0;
    padding: 0;
    text-align: center;
  }
  #about .type-1  .title .top, #about .type-2 .title .top {
    font-size: 23vw;
  }
  #about .type-1 .title .bottom, #about .type-2 .title .bottom{
    font-size: 17vw;
  }
  #about .type-1 .img-container {
    position: unset;
    margin: auto;
  }
  #about .type-1 .content {
    margin: auto;
    width: 90%;
  }
  #about .type-1 .button {
    left: 25%;
    transform: translateX(-50%);
  }
  #about .type-1 .title .bottom::before {
    background: linear-gradient(90deg, rgba(255,255,255,0.3) 20%, rgba(58,130,206,0) 0%, rgba(220,233,246,0) 80%, rgba(255,255,255,.3) 70%);
  }
  #about .type-1 {
    background: linear-gradient(0deg, rgba(88,88,88,1) 84%, rgba(255,255,255,1) 62%);
  }
  #about .type-2 .content {
    margin-top: 25px;
  }
  #about .type-2 p {
    width: 100%;
    text-align: center;
  }
  #about .type-2 .img-container {
    position: unset;
    transform: unset;
    margin: auto;
    margin-top: 25px;
  }
  #about .type-2 .awards .left, #about .type-2 .awards .right {
    width: 43%;
  }
  #about .type-2 .title .bottom {
    line-height: 0.73;
  }
  #about .type-2 .title .top::before {
    background: linear-gradient(90deg, rgba(255,255,255,0) 93vw, rgba(0,0,0,1) 0);
  }
  #about .type-2 {
    background: linear-gradient(0deg, rgb(0, 0, 0) 85%, rgba(255,255,255,1) 65%);
  }

  /* Sold Listings - max-width: 991px */

  #listings {
    padding: 20px 0;
  }
	#listings .listings-slick-container {
    flex-direction: column;
    align-items: center;
  }
  #listings .lists {
    width: 462.91px;
  }
  #listings .title {
    width: 462.91px;
    aspect-ratio: 469/216;
    padding-left: 0;
    text-align: center;
  }

  /* Statistics - max-width: 991px */

  #statistics .box {
    width: 234px;
  }
  #statistics .stats {
    flex-direction: column;
    width: fit-content;
    margin: auto;
    gap: 10px;
  }

  /* Tetsimonials - max-width: 991px */

  #testimonials {
    overflow-x: hidden;
  }
  #testimonials .title h2 {
    padding: 0;
    text-align: center;
  }
  #testimonials .testimonials-list {
    width: 100%;
  }
  #testimonials .img img {
    position: absolute;
    height: 100%;
    width: auto;
  }
  #testimonials .img {
    margin-right: -35%;
    margin-top: 20px;
    position: relative;
    width: 100%;
  }
  #testimonials .testimonials-list .tests {
    text-align: center;
  }
  #testimonials .title {
    padding-left: 0;
  }
  #testimonials .img canvas {
    position: unset;
  }

  /* Contacts - max-width: 991px */

  #contact .form::before {
    background: linear-gradient(to right, #ffffff61 20%, transparent 0, transparent 80%, #ffffff61 0) no-repeat;
    background-size: 100% 5px;
    background-position: 100% 0;
  }
  #contact .title {
    padding: 0 20px;
  }
  #contact .wpcf7-response-output {
    text-align: center;
  }
  #content .entry-title, #content .archive-title {
    font-size: max(5vw, 34px);
  }

  /* Footer - max-width: 991px */

  footer .contacts {
    flex-direction: column;
    align-items: center;
  }
  footer .contacts .left, footer .contacts .right, footer .contacts .right .location {
    width: 100%;
    text-align: center;
    margin: 0;
  }
  footer .contacts .center {
    width: 400px;
    order: -1;
    margin: auto;
  } 
  footer .contacts .smi i {
    margin: 10px;
  }
  footer .contacts .right .location a {
    font-size: 16px;
    line-height: 2;
    display: block;
  }
  footer .contacts .left i,
  footer .contacts .center i,
  footer .contacts .location i   {
    display: block;
    margin: auto;
  }

  /* Disbale background-fix on mobile - max-width: 991px */

  :root canvas {
    background-attachment: unset !important;
  }

  /* Pojo */

  #pojo-a11y-toolbar {
    display:none;
  }
  
  #slider .content {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(0%);
    padding: 40px;
    width: fit-content;
    right: 0;
    top: 0;
    margin: auto;
    height: fit-content;
    max-width: 600px;
}
}

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

    /* Inner page - 767 px */

    .ip-banner .container{
        width: 100%;
    }

    /* Slider - max-width: 767px */

    #slider .content h1 {
      line-height: 1;
      font-size: 5.18vw;
    }
    #slider .content span {
      font-size: 2.59vw;
      margin-bottom: 10px;
    }
    #slider .cycloneslider-template-responsive .cycloneslider-pager {
      padding-right: 0 !important;
    }

    /* Featured Properties - max-width: 767px */

    #fp .bottom .text {
      padding: 40px;
      bottom: 10px;
      bottom: 70px;
    }
    #fp .bottom .text::after {
      left: 7.5px;
    }
    #fp .bottom .name {
      font-size: 15.4px;
    }
    #fp .bottom .subname {
      font-size: 11.2px;
    }
    #fp .bottom .features {
      padding: 14px 0;
    }
    #fp .bottom .features, #fp .bottom .price {
      font-size: 9.1px;
    }
    #fp .bottom .button-clickable {
      font-size: 9.8px;
      padding-top: 14px;
    }
    #fp .top {
      flex-direction: column;
      text-align: center;
    }
    #fp .top .button {
      margin: 25px 0;
    }
    #fp .prop {
      padding: 10px;
      min-height: 400px;
    }
    #fp .arrow {
      right: 30px;
      bottom: 30px;
    }
    
    /* Featured Communities - max-width: 767px */

    /* About - max-width: 767px */

    #about .type-1 .awards, #about .type-2 .awards {
      flex-direction: column;
    }
    #about .type-1 .awards .left, #about .type-1 .awards .right,
    #about .type-2 .awards .left, #about .type-2 .awards .right {
      width: 100%;
      text-align: center;
    }
    #about .type-2 .awards .right .box {
      padding-right: 0;
    }
    #about .type-1 .button,
    #about .type-2 .button {
      margin: auto;
      width: fit-content;
      margin-top: 40px;
    }
    #about .content .box.tall {
      height: 180px;
    }
    #about .type-1 .button {
      margin-top: 0;
      position: unset;
      transform: unset;
    }
    #about .type-1 .title .bottom::before {
      background: linear-gradient(90deg, rgba(255,255,255,0.3) 10%, rgba(58,130,206,0) 0%, rgba(220,233,246,0) 90%, rgba(255,255,255,.3) 70%);
    }
    #about .type-1 .img-container,
    #about .type-2 .img-container {
      width: 90%;
    }
    #about .type-1 {
      background: linear-gradient(0deg, rgba(88,88,88,1) 92%, rgba(255,255,255,1) 62%);
    }
    #about .type-2 {
      background: linear-gradient(0deg, rgb(0, 0, 0) 92%, rgba(255,255,255,1) 65%);
    }

    /* Sold Listings -  max-width: 767px */

    #listings .lists, #listings .title {
      width: 100%;
    }
    #listings .lists .text {
      padding: 20px;
    }
    #listings .lists .text .button {
      font-size: 9.8px;
    }
    #listings .lists .text .name {
      font-size: 15.4px;
    }
    #listings .lists .text .address {
      font-size: 11.2px;
    }
    #listings .lists .text .price {
      font-size: 9.1px;
    }

    /* Testimonials - max-width: 767px */

    #testimonials .title h2 {
      font-size: 50px !important;
    }
    #testimonials .controls {
      flex-direction: column;
      gap: 44px;
      margin-bottom: 40px;
    }
    #testimonials .controls .arrow {
      order: -1;
    }

    /* Contact - max-width: 767px */

    #contact .form .line.small {
      flex-direction: column;
    }
    #contact .form .line.small .input {
      width: 100%;
    }
    #contact .form::before {
      background: linear-gradient(to right, #ffffff61 10%, transparent 0, transparent 90%, #ffffff61 0) no-repeat;
      background-size: 100% 5px;
      background-position: 100% 0;
    }
    #contact .form {
      padding: 0 15%;
    }

    /* Footer - max-width: 767px */

    footer .nav li {
      /*display: block;*/
	  padding: 0 calc(5vw - 18px);
    }
    footer .contacts .center .broker-logo, footer .contacts .center .agent-logo {
      padding: 0 20px;
    }
    footer .contacts .right .location {
      margin-bottom: 20px;
    }

    /* Logo - max-width: 767px */

    #logo .box {
      margin: auto 10px;
    }
    #logo .box img {
      height: 30px;
    }
    #logo .box.larger img {
      height: 50px;
    }

}

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

  /* Slideshow - max-width: 480px */

  .title h2 {
    font-size: 42px !important;
  }

  /* Featured Properties - max-width: 480px */
  
  #fp .bottom .text {
    width: 89%;
  }
  
  /* Featured Communities - max-width: 480px */

  #fc .comm {
    width: 265px;
  }

  /* Testimoanials - max-width: 480px */

  #testimonials .title h2 {
    font-size: 34px !important;
  }
  #testimonials .testimonials-list .button {
    font-size: 13px;
  }

  /* Contact - max-width: 480px */

  #contact .form::before {
    height: 100%;
    top: 60px;
  }
  #contact .wpcf7-response-output {
    padding: 0;
    width: 253px !important;
  }
  #contact .form::before {
    background: linear-gradient(to right, #ffffff61 5%, transparent 0, transparent 95%, #ffffff61 0) no-repeat;
    background-size: 100% 5px;
    background-position: 100% 0;
  }

  /* Footer - max-width: 480px */

  footer .contacts .center {
    width: 100%;

  }
  
  footer .nav li {
	  display:block;
	  line-height: 2;
	  border-right: none;
	}
footer .nav li:not(:last-child) {
	border-right: none;
}

}

/* Min-widths */

@media only screen and (min-width: 1500px) {
  footer .contacts .right .location i {
    font-size: 20px;
    width: 30px;
  }
}