/* -----------------------------------------------------
	Responsive Styles
----------------------------------------------------- */

@media screen and (max-width: 1799px) {

/*Property Lisitings*/
.filters .filter-block ul > li { padding: 0 15px; }


}

@media screen and (max-width: 1699px) {

/*Property Lisitings*/
.filters .filter-block ul > li { padding: 0 10px; }


}


@media screen and (max-width: 1199px) {

.add-property .information-block .form-group label { width: 235px; }
.add-property .information-block.half .form-blocks .form-group .form-control { width: calc(100% - 235px); }




}

@media screen and (max-width: 991px) {

.full-block { display: block; }
.full-block aside { display: block; }
.full-block .menu-block { width: 100%; text-align: left; padding: 10px 15px; }
.full-block .menu-block figure { padding: 0; margin: 0; border: 0; }
.full-block .menu-block figure img { margin: 0; }
.add-property form { padding: 0 15px 80px; }
.full-block .top-heading { padding: 10px 15px; }
.full-block .menu-block .navbar-nav li a { color: #fff; }
.full-block .menu-block .navbar-nav li a img { margin-bottom: 5px; }
.add-property .information-block.half .form-blocks { display: block; }
.add-property .information-block .form-group .form-control { width: calc(100% - 235px); }
.add-property .information-block .form-group .map-block { width: calc(100% - 235px); }
.add-property .information-block .check-box-block li { flex: 0 0 33.3%; }

.responsive-table th:first-child, 
.responsive-table td:first-child { width: 65%; }

}

@media screen and (max-width: 767px) {

.btn { font-size: 14px; padding: 6px 25px; }
.full-block .top-heading h4 { font-size: 18px; }
.add-property .information-block .heading-block h5 { font-size: 16px; }
.add-property .information-block .heading-block ul li { padding: 0 5px; font-size: 16px; }
form .form-group label { font-size: 14px; }
form .form-group .form-control { font-size: 14px; height: 38px; }
.add-property .information-block .heading-block { padding: 10px 0 15px; }
.add-property .information-block .form-group label { width: 190px; padding-right: 10px; }
.add-property .information-block .form-group .form-control { width: calc(100% - 190px); }
.add-property .information-block .form-group .map-block { width: calc(100% - 190px); }
.add-property .information-block.half .form-blocks .form-group .form-control { width: calc(100% - 190px); }
form .choose::after { font-size: 13px; }
form .form-group textarea.form-control { height: 80px; }
.add-property .information-block .heading-block ul { padding-right: 0; width: 50px; display: flex; }

.responsive-table { border: 0; }
.responsive-table caption { font-size: 1.3em; }
.responsive-table tr { display: block; }
.responsive-table td { display: block; text-align: right; font-size:14px; }
.responsive-table td:first-child { width: 100%; }
.responsive-table td .item-list figure { display:inline-block; margin-bottom:5px; width:70px; }
.responsive-table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; }
.responsive-table tr:last-child  td { border-bottom:1px solid #dedede; }
.responsive-table th { display:none; }
.order-details-block { padding: 30px 10px; }
.responsive-table td .item-list { display:block; }
}

@media screen and (max-width: 599px) {

.add-property .information-block .form-group { display: block; }
.add-property .information-block .form-group label { width: 100%; padding-right: 0; text-align: left; }
.add-property .information-block.half .form-blocks .form-group .form-control,
.add-property .information-block .form-group .map-block,
.add-property .information-block .form-group .form-control { width: 100%; }
.add-property .information-block.half .form-blocks .form-group { width: 100%; }
form .choose::after { font-size: 13px; top: 35px; transform: translateY(0); }
form .form-group { margin-bottom: 10px; }
.add-property .information-block .form-group.top label { padding-top: 5px; }
.add-property .information-block .form-group .map { height: 250px; }
.add-property form { padding: 0 15px 40px; }
.add-property .information-block .check-box-block li { flex: 0 0 50%; }

.order-details-block h4 { font-size: 18px; }
.order-details-block p { font-size: 16px; }
.order-details-block h5 { font-size: 18px; line-height: 20px; margin-bottom: 15px; }
.order-details-block ul li { font-size: 14px; line-height: 20px; }
.order-details-block ul { margin-bottom: 15px; }
.order-details-block .box { padding: 20px 10px; }
.order-details-block .table-block { padding:0; }
.responsive-table td { padding: 12px 10px; }
}

@media screen and (max-width: 479px) {

.add-property .information-block .check-box-block { display: block; }


}


/* -----------------------------------------------------
    Navifgation Responsive Styles
----------------------------------------------------- */
@media screen and (max-width: 991px) {
     nav#nav.is-active {
        opacity: 1;
        visibility: visible; 
        overflow-y: scroll;
    }

     nav#nav {
        position: fixed;
        top:0;
        left:0;
        margin-top:0;
        z-index:990;
        opacity:0.0;
        visibility: hidden;
        height:100%;
        width:100%;
        background-color: rgb(253, 112, 59, 0.9);
        transition:all 0.35s ease-in-out;
    }
    
    .navbar-nav {
      padding: 75px 0 25px;
      text-align: center;
      width: 100%;
    }
    
    /* Cross icon */
    .mobile-toggle {
        position: absolute;
        top: 21px;
        right: 15px;
        z-index:999;
        display: inline-block;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.25s;
        transition-timing-function: linear;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible;
        padding: 0;
        width: 30px;
        height: 28px;
        float:right;
    }
    
    .mobile-toggle:hover {
        opacity: 0.7;
    }

    .mobile-toggle:focus {
        outline:0;
    }

    .mobile-toggle-box {
        width: 34px;
        height: 28px;
        display: inline-block;
        position: relative;
    }

    .mobile-toggle-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
    }
    
    .mobile-toggle-inner,
    .mobile-toggle-inner::before,
    .mobile-toggle-inner::after {
        width: 28px;
        height: 3px;
        background-color: #fff;;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }
    
    .is-active .mobile-toggle-inner,
    .is-active .mobile-toggle-inner::before,
    .is-active .mobile-toggle-inner::after {
        background-color: #fff;
    }

    .mobile-toggle-inner::before,
    .mobile-toggle-inner::after {
        content: "";
        display: block;
    }
    
    .mobile-toggle-inner::before {
        top: -9px;
    }
    
    .mobile-toggle-inner::after {
        bottom: -9px;
    }

    .mobile-toggle--squeeze .mobile-toggle-inner {
        -webkit-transition-duration: 0.075s;
        -ms-transition-duration: 0.075s;
        transition-duration: 0.075s;
        -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -ms-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    
    .mobile-toggle--squeeze .mobile-toggle-inner::before {
        -webkit-transition: top 0.075s 0.12s ease,
        opacity 0.075s ease;
        -ms-transition: top 0.075s 0.12s ease,
        opacity 0.075s ease;
        transition: top 0.075s 0.12s ease,
        opacity 0.075s ease;
    }
    
    .mobile-toggle--squeeze .mobile-toggle-inner::after {
        -webkit-transition: bottom 0.075s 0.12s ease,
        transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        -ms-transition: bottom 0.075s 0.12s ease,
        transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
        transition: bottom 0.075s 0.12s ease,
        transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .mobile-toggle--squeeze.is-active .mobile-toggle-inner {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transition-delay: 0.12s;
      -ms-transition-delay: 0.12s;
      transition-delay: 0.12s;
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      -ms-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner::before {
        top: 0;
        opacity: 0;
        transition: top 0.075s ease, opacity 0.075s 0.12s ease;
    }
    
    .mobile-toggle--squeeze.is-active .mobile-toggle-inner::after {
        bottom: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: bottom 0.075s ease,
        transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        -ms-transition: bottom 0.075s ease,
        transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
        transition: bottom 0.075s ease,
        transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
    }

}