/* Responsive Styles 
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/*.filtersSection {position: absolute; bottom: 200px; width: 100%; }*/

.bigHeader .btn {
    padding: 10px;
    width: 100%;
    height: 43px;
}


/* ********************************************************************************************************************************* */
@media only screen and (max-width: 9999px) {
    /*John removed 01 11 2017 */
    /*.secondNav {margin-top:-70px;}*/
    .logoText .bigLogo {
        font-size: 28px;
        padding-top: 13px;
    }

    #my-navbar {
        min-height: 68px;
    }

    .phone-number {
        font-size: 22px;
    }
	
	form #mc_embed_signup_scroll input  {
	    width: 100%;
    padding: 10px;
    border-radius: 4px;
	} 
	form #mc_embed_signup_scroll label { padding-top:10px; }

	form #mc_embed_signup_scroll .dl-horizontal dt {text-align:left!important; width: 100px!important;}
	
	form #mc_embed_signup_scroll .dl-horizontal dd {     margin-left: 140px!important; }
	
    .logoText .mediumLogo {
        font-size: 18px;
        padding-top: 12px;
    }


    .villa-page-features ul li {
        list-style: none;
        width: 100%;
    }

    .villa-page-features ul {
        margin-left: 0px;
        padding-left: 0px;
        margin-bottom: 30px;
    }

    .villa-page-features li {
        text-align: center !important;
    }

        .villa-page-features li span {
            display: block !important;
        }


    .marginonbig {
        margin-bottom: 15px;
    }


    .equaltogalery {
        height: 608px;
    }


    /* Fiddling with image height for the villa-template (search page) - was 330px*/
    /*.post-thumbnails {
        height: 400px;
        overflow: hidden;
    }*/



    .drawing-room .imagecroper {
        height: 300px !important;
        overflow: hidden !important;
    }

    .about {
        /*padding-bottom: 50px;*/
        padding-bottom: 30px;
    }

    .centre-large-screen {
        text-align: center;
    }


    .offer-title {
        height: 100px;
    }

    .villas-search-btn {
        height: 43px;
        padding: 10px;
    }
}

/* ********************************************************************************************************************************* */
@media only screen and (max-width: 1600px) {

}



/* ********************************************************************************************************************************* */
@media only screen and (max-width: 1360px) {

    /*.filtersSection {position: absolute; bottom: 100px; width: 100%; }*/


    .villa-page-features li {
        text-align: center !important;
    }

        .villa-page-features li span {
            display: block !important;
        }


    .logoText .bigLogo {
        font-size: 175%;
        padding-top: 14px;
    }

    .logoText .mediumLogo {
        font-size: 13px;
        padding-top: 12px;
    }
}

/* ********************************************************************************************************************************* */
@media only screen and (max-width: 1200px) {

    .bigHeader {
        top: 20px;
    }

    /*.filtersSection {
        bottom: 40px;
    }*/

    /*.post-thumbnails {
        height: 300px;
        overflow: hidden;
    }*/



    .features-new li {
        float: left !important;
        padding-right: 30px;
    }

    .searchpagefilters .filters {
        padding: 20px 10px;
    }
}

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

    #menulist li {
        background-color: white;
    }

    /*.post-thumbnails {
        height: 350px;
        overflow: hidden;
    }*/

    .equaltogalery {
        float: left !important;
        margin-top: 60px;
        width: 100%;
    }

    .locationcrumbs {
        float: left;
        text-align: left !important;
        padding-left: 0px !important;
    }


    .villa-page-features ul li {
        list-style: none;
        width: 33%;
        float: left;
    }

    .villa-page-features ul {
        margin-left: 0px;
        padding-left: 0px;
    }

    .villa-page-features li {
        text-align: center !important;
    }



    .features-new li {
        width: 33% !important;
        float: left !important;
    }


    .marginonbig {
        margin-bottom: 0px;
    }


    .post-title {
        margin-top: 40px;
    }


    .logo {
        margin-bottom: 15px;
        width: 100%;
        display: block;
        float: left;
    }

    .equaltogalery {
        height: auto !important;
    }

    .equaltogalery {
        height: 608px;
    }

    .bottom-intro {
        display: none !important;
    }


    /*.filtersSection {
        bottom: 1px;
    }*/
    
    .searchFilters h2 {
        padding: 0px 15px 0px 15px;
    }


    .bigHeader h1 {
        font-size: 40px;
    }
    .bigHeader h2 {
        font-size: 40px;
    }
    .bigHeader h3 {
        font-size: 18px;
    }


    /*.bigHeader {
        position: absolute;
        display: block;
        bottom: 50px !important;
        float: left;
        text-align: center;
        z-index: 2;
        padding-top: 50px;
        width: 100%;
    }*/



    .navbar-right {
        font-size: 13px;
        padding: 21px 5px;
    }

    .bottom-intro {
        height: 150px;
    }

    .duplex {
        background: rgba(0, 0, 0, 0.9);
        padding: 20px 40px;
        text-align: center;
    }

    .about {
        /*padding-bottom: 50px;*/
        padding-bottom: 10px;
    }

    .drawing-room, .dining-room, .bed-room, .kitchen-room {
        margin-bottom: 30px;
    }

    .contract-left {
        padding: 0;
        text-align: center;
    }

        .contract-left input, .contract-left textarea {
            width: 100%;
        }

    .contract-section {
        padding: 30px 0;
    }

    .call-us {
        padding-top: 50px;
    }

    .sell-contact {
        padding-top: 60px;
    }

        .sell-contact span {
            display: block;
        }

        .sell-contact a {
            display: inline-block;
            margin-top: 15px;
        }

    .subscribe .subscribe-email {
        margin-left: 15px;
    }

    .subscribe input[type="text"] {
        margin-bottom: 15px;
    }

    .subscribe input[type="submit"] {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .subscribe {
        text-align: center;
    }

    .about-feature {
        text-align: center;
    }

    .document-title p, .pdfone, .pdftwo {
        text-align: center;
    }

    .footer {
        background-position: center;
        background-size: cover;
    }



    .logoText .bigLogo {
        font-size: 135%;
        padding-top: 12px;
    }

    .logoText .mediumLogo {
        font-size: 13px;
        padding-top: 10px;
    }

    .phone-number {
        font-size: 18px;
    }
	
    /* Adds some whitespace between carousel and short description */
    .villa-flexslider {
        margin-bottom: 15px!important;
    }

    .offer-title {
        height: 65px;
    }


}

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

    #my-navbar {
        min-height: 138px;
    }

    .nosmallscreens {
        display: none;
    }

	
	.footer-middle i {font-size:1em!important;}
	.footer-middle p { margin-bottom:0px!important; }
	.footer-middle .col-md-4 {margin-bottom:30px!important;}
	
	
    .about h2 {
        font-size: 32px;
    }

    #divContentContainer {
        margin-top: 2px;
    }

    /*.post-thumbnails {
        height: 300px;
        overflow: hidden;
    }*/

    .features-new li {
        width: 33% !important;
        float: left !important;
    }

    .priceRight {
        text-align: left !important;
    }

    /*.property-price {
        text-align: left !important;
    }*/


    /*.blog-section {
        margin-top: 110px !important;
    }*/

    .filters.small-filters {
        background-color: white;
    }

    .searchFilters select {
        margin-bottom: 5px;
    }

    .searchFilters input {
        margin-bottom: 5px;
    }

    .searchFilters button {
        margin-bottom: 5px;
    }

    .sortby {
        text-align: right;
    }

        .sortby select {
            font-size: 12px;
            padding: 6px !important;
        }


    .secondNav {
        top: 0px !important;
        margin-top: 5px !important;
    }





    .header-banner .banner-overlay {
        padding: 25px 0px 25px 0px;
    }
    .search-banner  {
        max-height: 150px;
    }

    .header-banner ol.locationcrumbs {
        text-align: center;
        width: 100%;
    }




    .bigLogo {
        float: left;
        width: 160px;
        height: 40px;
    }

    .logoText {
        text-align: left;
        padding-left: 50px;
    }

        .logoText .mediumLogo {
            padding-top: 0px;
        }





        .logoText .bigLogo {
            font-size: 121%;
            padding-top: 18px;
        }

        .logoText .mediumLogo {
            font-size: 9px;
            padding-top: 12px;
        }


        .logoText .bigLogo {
            float: left;
            display: block;
            width: 300px;
            height: 60px;
            padding-top: 18px;
            padding-left: 10px;
            font-weight: 900;
            position: absolute;
            /*z-index: 9999;*/
        }



    /*header {
        padding-bottom: 30px;
    }*/


    .logo {
        z-index: 3;
    }

    .header-social {
        display: none;
    }
    .navbar-header {
        background: transparent !important;
    }

    .navbar {
        background: transparent !important;
        position: absolute;
        top: 18px;
        background-color: rgba(255, 255, 255, 1);
        margin: 0px;
        z-index: 10000;
        width: 100%;
    }

    .navbar-collapse.in {
        overflow-y: visible;
    }

        /*.navbar .container {
            background-color: white !important;
        }*/


    .logoImage {
        position: absolute !important;
        z-index: 4 !important;
        width: 40px;
        height: 40px;
    }

        .logoImage img {
            width: 50px;
            height: 50px;
        }


    .property-price {
        /*display: none;*/
    }

    .equaltogalery .property-price {
        display: block;
    }

    .banner-overlay .col-md-6 {
        text-align: center;
    }


    .header-banner ol.breadcrumb {
        text-align: center;
    }

    .post-title {
        margin-top: 30px;
    }

    /*.secondNav {
            margin-top: 30px;
            display: block;
            float: left;
            margin-bottom: 30px;
        }


            .secondNav a {
                display: inline-block;
                width: 33.3333% !important;
                float: left;
                background: rgba(35,70,99,1);
                font-size: 13px;
                padding: 0px;
            }*/

    /*.about {
        float: left;
    }*/

    .property {
        float: left;
    }

    .SamuiVillas-features {
        float: left;
    }

    /*.secondNav a span {
            border: solid 1px #fff;
            margin: 2px 0px 2px 0px;
            display: block;
            width: 98%;
            padding: 10px;
            margin-left: auto;
            margin-right: auto;
        }*/

    #my-navbar ul.main-menu li a {
        padding: 10px 20px 10px 20px !important;
    }



    

    

    .mediumLogo {
        position: absolute;
        z-index: 9999 !important;
        top: 30px;
    }


    /*.bigHeader {
        top: 1px;
    }

    .bigHeader h1 {
        font-size: 30px;
    }
    .bigHeader h2 {
        font-size: 30px;
    }*/

        .searchFilters h2 {
            font-size: 18px;
        }

        .searchFilters select {
            padding: 2px;
        }

        .searchFilters .btn {
            padding: 2px;
            width: 100%;
            height: 26px;
        }

    .header-call, .header-place {
        text-align: center;
    }

        .header-call p, .header-place p {
            display: inline-block;
        }

    .header-social {
        padding-top: 25px;
    }

    .header-call, .header-place {
        margin-top: 15px;
    }

    .section-desc {
        width: 100%;
    }

    .controls button {
        margin-bottom: 5px;
    }

    .header-call::after, .header-place::after {
        content: none;
    }

    .header-call p, .header-place p {
        margin: 0;
    }

    .header-social {
        padding-top: 15px;
        text-align: center;
    }

    .navbar-right {
        display: block;
        margin: 0 auto 10px;
        padding: 15px;
        text-align: center;
        width: 250px;
    }

    .duplex {
        padding: 15px;
    }

    .bottom-intro {
        height: 150px;
    }

    .property img {
        width: 100%;
    }

    .drawing-room, .dining-room, .bed-room, .kitchen-room {
        margin: 0 auto 15px;
        width: 80%;
    }

    .location .club {
        margin-bottom: 15px;
    }

    .latest-property .property img {
        width: auto;
    }

    .contract-left input, .contract-left textarea {
        width: 100%;
    }

    .contract-right {
        margin-right: 0;
        padding-top: 0;
        text-align: left;
    }

        .contract-right span {
            margin-top: 10px;
        }

        .contract-right ul {
            padding: 0;
        }

    .call-us {
        padding-top: 0;
        text-align: center;
    }

    .sell-contact {
        padding-top: 30px;
        text-align: center;
    }

    .subscribe .subscribe-email {
        margin: 10px 0;
        padding-left: 15px;
    }

    .subscribe input[type="text"] {
        width: 100%;
        margin-bottom: 15px;
    }

    .subscribe input[type="submit"] {
        margin-left: 0;
        margin-bottom: 15px;
    }

    .subscribe {
        margin-top: 0;
    }

    .footer-below .copy-right p {
        text-align: center;
    }

    .footer-below .payment {
        margin-top: 10px;
        text-align: center;
    }

    .locationcrumbs {
        float: left;
        text-align: center !important;
        padding-left: 0px !important;
    }

    .property-bottom {
        height: 50px;
        padding-top: 0;
    }

    .accord-content {
        padding-bottom: 50px;
    }

    .discount-checkbox-text {
        color: black;
    }

    .centre-large-screen {
        text-align: left;
    }



}

/* ********************************************************************************************************************************* */
@media only screen and (max-width: 600px) {
    .header-call p, .header-place p {
        margin: 0;
    }
    .about h2 {
        font-size: 26px;
    }
    .bigHeader h1 {
        margin-top: 2px;
        font-size: 28px;
    }

    .bigHeader h2 {
        margin-top: 2px;
        font-size: 28px;
    }

    .bigHeader h3 {
        margin-top: 2px;
        font-size: 14px;
    }

    .filters {
        padding-left: 1px;
        padding-right: 1px;
    }
    .filters select {
        padding-left: 1px;
        padding-right: 1px;
    }
    .searchFilltersBox {
        padding-left: 1px;
        padding-right: 1px;
    }
    
    .features-new li {
        width: 50% !important;
        float: left !important;
    }


    .villa-page-features ul li {
        width: 50% !important;
    }

    .villa-page-features {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }

}

/* ********************************************************************************************************************************* */
@media only screen and (max-width: 480px) {

    /*.container {
        padding-left: 2px;
        padding-right:2px;
    }*/

    /* Remove the margins on home page images so they are full width. */
    .drawing-room, .dining-room, .bed-room, .kitchen-room {
        margin: 0;
        width: 100%;
    }

 .section-heading {
        font-size: 36px !important;
    }
    
    .searchFilters select {
        font-weight: 400;
    }

    .propertydescription {
        margin-left: 4px;
        margin-right: 4px;
    }
    
    /*.post-thumbnails {
        height: 200px;
        overflow: hidden;
    }*/


    /*.blog-section {
        margin-top: 150px !important;
    }*/

    .features-new li {
        width: 50% !important;
        float: left !important;
    }


    .logoText .bigLogo {
        font-size: 95%;
        padding-top: 18px;
    }




    .logoText .mediumLogo {
        font-size: 7px;
    }

    .searchFilters h2 {
        font-size: 16px !important;
    }

    .secondNav {
        padding: 1px;
    }
    
    .secondNav a {
        /*display: table;*/
    }

        .secondNav a span {
            /*height: 72px !important;
                display: table-cell;
                vertical-align: middle;
                width: 100% !important;
                line-height: 110%;*/
        }


    .about .container-fluid {
        float: left;
        width: 100%;
    }


    /*.bigHeader h1 {
        font-size: 18px;
    }
    .bigHeader h2 {
        font-size: 18px;
    }*/

    .header-call, .header-place {
        text-align: center;
    }

        .header-call p, .header-place p {
            display: inline-block;
        }

    .header-social {
        padding-top: 25px;
    }

    #my-navbar li a, #my-navbar li.active a {
        padding: 22px 25px !important;
    }

    .duplex, .bedrooms, .price {
        display: none;
    }

    .details {
        bottom: 0;
        left: 50%;
        margin-left: -55px;
        position: absolute;
        height: auto;
    }

        .details a {
            padding: 10px;
        }

            .details a:hover {
                padding: 10px;
            }

    .logo {
        margin-bottom: 15px;
        text-align: center;
    }

    .header-call::after {
        content: none;
    }

    .header-place::after {
        content: none;
    }

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

    .navbar-right {
        display: block;
        font-size: 16px;
        margin-bottom: 20px;
        padding: 20px 0;
        text-align: center;
    }

    .about-bottom span {
        margin-bottom: 50px;
    }

    .about-bottom {
        padding-bottom: 50px;
    }

    .property-details {
        padding-top: 0;
    }

        .property-details h2 {
            text-align: center;
        }

        .property-details ul li {
            float: none;
            display: block;
            margin-right: 0;
        }

        .property-details p {
            padding: 0;
        }

    .nearby-places {
        padding: 50px 0;
    }

    .location {
        margin-bottom: 20px;
    }

    .latest-property h1 {
        font-size: 30px;
    }

    .contract-left {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .contract-left input, .contract-left textarea {
            width: 100%;
        }

    .contract-right {
        text-align: left;
        margin-right: 0;
        padding-top: 0;
    }

        .contract-right span {
            margin-top: 10px;
        }

        .contract-right ul {
            padding-left: 0;
        }

    .contract-section .contract-left > form {
        padding: 0 15px;
    }

    .call-us {
        padding-top: 0;
        text-align: center;
    }

    .sell-property {
        min-height: 250px;
    }

    .sell-contact {
        padding-top: 10px;
        text-align: center;
    }

        .sell-contact span {
            display: block;
            padding-right: 0;
            margin-bottom: 10px;
        }

        .sell-contact a {
            display: inline-block;
            padding: 10px 30px;
            margin-left: 0;
        }

    .banner-overlay {
        padding: 0;
    }


    .blog {
        margin: 60px 0 30px 0;
    }

    .blog-content {
        padding-left: 0;
    }

    .blog-row-one .col-md-6 {
        margin-bottom: 50px;
    }

        .blog-row-one .col-md-6:last-child {
            margin-bottom: 0;
        }

    .blog-pic, .blog-pic2, .blog-pic3, .blog-pic4 {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        height: auto;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 30px;
    }

    .blog-content3 {
        padding-right: 0;
        padding-bottom: 25px;
    }

        .blog-content a, .blog-content3 a {
            margin-left: 0;
        }

        .blog-content3 a {
            padding: 8px 22px;
        }

    .testimonials-title {
        margin-top: 50px;
    }

        .testimonials-title h1 {
            font-size: 30px;
        }

    .subscribe {
        padding: 20px 0;
    }

        .subscribe .subscribe-email {
            padding-left: 15px;
            margin-left: 0;
            margin-top: 15px;
        }

        .subscribe input[type="email"] {
            width: 100%;
            padding-left: 10px;
            margin-bottom: 20px;
        }

        .subscribe input[type="submit"] {
            padding: 10px 20px;
            width: auto;
            height: auto;
            margin: 0;
        }

    .footer-below .copy-right p {
        text-align: center;
    }

    .footer-below .payment {
        margin-top: 10px;
        text-align: center;
    }

    .header-banner h1 {
        text-align: center;
    }

    .header-banner h2 {
        text-align: center;
    }

    .header-banner h3 {
        text-align: center;
    }

    .header-banner ol.breadcrumb {
        text-align: center;
    }

    .contact-box {
        margin-bottom: 15px;
    }

    .form-button {
        text-align: center;
    }

    .about-SamuiVillas-content > p {
        padding: 0 15px;
    }

    .document-title p, .pdfone, .pdftwo {
        text-align: center;
    }

    .who-we-are {
        padding: 0 0;
    }

    .who-we-are-content {
        margin: 0 !important;
        padding: 20px 20px;
    }

        .who-we-are-content > h2 {
            font-size: 24px;
        }

    .SamuiVillas-features .col-md-12 > h2 {
        font-size: 24px;
    }

    .SamuiVillas-features .col-md-12 > p {
        padding: 10px 0;
    }

    .about-feature {
        text-align: center;
    }

    figure.effect-zoe figcaption {
        padding-top: 75px;
    }

    .latest-pic1, .latest-pic2, .latest-pic3, .latest-pic4, .latest-pic5, .latest-pic6 {
        height: 200px;
    }

    .property-gallery {
        height: auto;
    }

        .property-gallery > img {
            height: auto;
        }

    .property-agent {
        left: 0;
        padding: 30px;
        position: relative;
        top: 0;
        margin-bottom: 40px;
        width: 100%;
    }

    .property-details-list ul, .property-features ul {
        columns: 2;
        -moz-columns: 2;
        -webkit-columns: 2;
    }

    .footer {
        background-position: center;
        background-size: cover;
    }

    .villas-search-btn {
        height: 28px;
    }
}


/* ********************************************************************************************************************************* */
@media only screen and (max-width: 400px) {
    .secondNav .grid a {
        font-size: 12px;
    }
}


@media (min-width: 100px) and (max-width: 780px) {

    h1.centre-large-screen {
        display: block !important;
        text-align: center !important;
        font-size: 32px !important;
    }

    h3.centre-large-screen  {
        display: block !important;
        text-align: center !important;
        font-size: 22px !important;
    }
}

@media screen and (min-width: 780px) {
    .mobile-break {
        display: none;
    }
}