@charset "utf-8";
/* CSS Document */

ul.footer-listings{list-style:none; padding:0px; margin:0px; text-align:center;}
ul.footer-listings li{display: inline; line-height:18px;}
ul.footer-listings li a{padding-right: 5px;border-right: 1px solid #7f8e88;}
.property-listing-search{padding-left:5px; width:450px;}
.accordion {
 background: rgba(95,142,188,1);
background: -moz-linear-gradient(top, rgba(95,142,188,1) 0%, rgba(110,149,189,1) 50%, rgba(148,187,227,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(95,142,188,1)), color-stop(50%, rgba(110,149,189,1)), color-stop(100%, rgba(148,187,227,1)));
background: -webkit-linear-gradient(top, rgba(95,142,188,1) 0%, rgba(110,149,189,1) 50%, rgba(148,187,227,1) 100%);
background: -o-linear-gradient(top, rgba(95,142,188,1) 0%, rgba(110,149,189,1) 50%, rgba(148,187,227,1) 100%);
background: -ms-linear-gradient(top, rgba(95,142,188,1) 0%, rgba(110,149,189,1) 50%, rgba(148,187,227,1) 100%);
background: linear-gradient(to bottom, rgba(95,142,188,1) 0%, rgba(110,149,189,1) 50%, rgba(148,187,227,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f8ebc', endColorstr='#94bbe3', GradientType=0 );
  color: #fff;
  cursor: pointer;
  padding: 10px 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
 background: rgba(95,142,188,1);
background: -moz-linear-gradient(top, rgba(95,142,188,1) 0%, rgba(110,149,189,1) 50%, rgba(148,187,227,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(95,142,188,1)), color-stop(50%, rgba(110,149,189,1)), color-stop(100%, rgba(148,187,227,1)));
background: -webkit-linear-gradient(top, rgba(95,142,188,1) 0%, rgba(110,149,189,1) 50%, rgba(148,187,227,1) 100%);
background: -o-linear-gradient(top, rgba(95,142,188,1) 0%, rgba(110,149,189,1) 50%, rgba(148,187,227,1) 100%);
background: -ms-linear-gradient(top, rgba(95,142,188,1) 0%, rgba(110,149,189,1) 50%, rgba(148,187,227,1) 100%);
background: linear-gradient(to bottom, rgba(95,142,188,1) 0%, rgba(110,149,189,1) 50%, rgba(148,187,227,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f8ebc', endColorstr='#94bbe3', GradientType=0 );
}

.accordion:after {
  content: '';
   background:url(https://www.spain-property.com/images/menu-icon.png);
      width: 30px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: ""; background:url(https://www.spain-property.com/images/close-icon.png);
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
  float: right;
  margin-left:0px;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.menu-main{}
ul.menu-main{list-style: none;text-align: left; padding: 0px;}
ul.menu-main li{}
ul.menu-main li a{display: block; border: 0px; color: #25292d; border-bottom: 1px solid #cac8c8; padding: 8px 0px;}
ul.menu-main li a:active{color:#333;}
.MainTitle{font-size:13px; float:left; font-family:Arial; font-weight:bold; letter-spacing:-1px; width:600px; margin:0px; padding:0px;}

@media (min-width: 1024px) {
.search-btn, .header-bottom{display:none}
}
@media (min-width: 768px) and (max-width: 1024px) {
.container{max-width:98%; margin:auto;}
.none{display:none;}
.menu-sec{display:none;}
table.header{position:fixed; width:98%;}
.header-bottom{margin-top: 112px;}
.search-btn{ text-align:center;}
.search-btn td a{color:#fff; font-size:14px; text-decoration:none; background:#608ebf; padding:4px 20px; position:relative; top:4px;border-radius:0px 0px 5px 5px;}
table td.left-sec, table td.middle-sec, table td.right-sec, table td.property-details-right, table td.property-details-left{display: block; margin:5px 0px; width:100% !important;}
.ul-articles .boxPWrap .floatR.col25, .addthis_button_rss_follow, td.rss-feeds{ display:none;}
form#frmSubscribe input.TextBox, form#frmSubscribe select.TextBox, .pro-details-form input.TextBox{width:90%;height: 30px; margin: 5px 0px;}
form#frmSetLocation input.TextBox, form#frmSetLocation select.TextBox{width:45%;height: 30px; margin: 5px 0px; display:inline-block;}

}
@media (min-width: 481px) and (max-width: 768px) {
.MainTitle {width: 80% !important;}
table.property-details-left1, .line-border img { width: 100%;}
.video-sec{text-align:left;}
.video-sec div {width:100% !important;left: 0px !important;}
.video-sec video, .video-sec iframe {width: 100% !important;}
.picture-gallery tr td{width: 50% !important;margin: 5px 10px !important;}
.picture-gallery tr td img {
    width: 100% !important;
    height: auto !important;
}
#lightbox-container-image-box {
    width: 650px !important;
    height: 420px !important;
    overflow: hidden;
}
#lightbox-container-image-data-box {
    width: 650px !important;
    z-index: 99;
    position: relative;
}
#lightbox-container-image-box img#lightbox-image {
    width: 100%;
}
form#frmSubscribe textarea.TextBox, .pro-details-form textarea.TextBox {
    width: 80% !important;
    height: 60px;
    margin: 5px 0px;
}
form#frmSubscribe input.TextBox, form#frmSubscribe select.TextBox, .pro-details-form input.TextBox{ width:90%;}
.pro-details-form .Button{display:block;}
}

@media (min-width:1025px) {
.menu-wrapper{display:none}
.footer-aria .top-footer{padding-left: 10px; padding-top: 5px; padding-bottom: 5px;background-size: contain;}


}
@media (max-width:767px) {
.container{max-width:98%; margin:auto;}
.none{display:none;}
.mob-none{display:none !important;}
.menu-sec{display:none;}
table.header{position:fixed;}
.header-bottom{margin-top: 112px;}
.search-btn{}
.search-btn td a{color:#fff; font-size:14px; text-decoration:none; background:#608ebf; padding:4px 20px; position:relative; top:4px;border-radius:0px 0px 5px 5px;}
/*table { width: 100%; display: table; table-layout: fixed; text-align:center; }
table td { display: inline-table; margin:5px; }*/
table.header { width:98%; display: table; table-layout: fixed; text-align:center; }
table.header tr td.logo{width:130px;}
table.header tr td.language{ width:200px}
table td.left-sec, table td.middle-sec, table td.right-sec, table td.property-details-right, table td.property-details-left{display: block; margin:5px 0px; width:100% !important;}
table td.property-details-left{width: 62% !important;}
.BorderForBox table tr td.FontBlack10{ width:auto;}
table td.incredibly-popular{display: block; margin:5px 0px; width:100% !important; }
table.advance-search tr td {display: block; margin:5px 0px; width:100% !important; }
table.advance-search tr td.none{display:none;}
form#frmSubscribe input.TextBox, form#frmSubscribe select.TextBox, .pro-details-form input.TextBox{width:80% !important;height: 30px; margin: 5px 0px;}
 form#frmSubscribe textarea.TextBox, .pro-details-form textarea.TextBox{width:80% !important;height: 60px; margin: 5px 0px;}
td.BackgroundForBox{display: inline-table; margin:5px 0px; width:90%;}
.ul-articles tbody tr td p img{display:inherit;  max-width: 100% !important;margin-left: 0px !important;}
.ul-articles ul{ padding-left:10px; list-style:none;}
.ul-articles .post_wrapper img{width:100% !important; height:auto;}
 .ul-articles .post_wrapper .adsbygoogle, .ul-articles .post_wrapper .adsbygoogle ins, .ul-articles .post_wrapper .adsbygoogle ins iframe{width:100% !important; height:auto;}
.ul-articles .boxPWrap, .ul-articles .boxPWrap div, .ul-articles .boxPWrap.splittest, .ul-articles  #advertisevideoOuterDiv, .ul-articles  #advertisevideoOuterDiv video, #BuyersGuidevideoOuterDiv, #BuyersGuidevideoOuterDiv video, #overlayBuyersGuidevideo{ width:100% !important;}
.ul-articles #article-content #how_to-order-coffeevideoOuterDiv,.ul-articles #article-content #how_to-order-coffeevideoOuterDiv video{width:100% !important;}
.ul-articles #sierra_nevadavideoOuterDiv, .ul-articles #sierra_nevadavideoOuterDiv video, #andalusiavideoOuterDiv, #andalusiavideoOuterDiv video, #santa_malagavideoOuterDiv, #santa_malagavideoOuterDiv video{width:100% !important;}
#overlayBuyersGuidevideo, #overlaysierra_nevadavideo, #overlayandalusiavideo, #overlaysanta_malagavideo{display:none !important;}
#overlayhow-to-order-coffeevideo, #overlayhow_to-order-coffeevideo{display:none !important;}
.ul-articles p{margin-right:0px !important;}
.ul-articles .Pad1 img, img.contentpg{ width:100% !important; height: auto !important;}
.ul-articles .boxPWrap .floatR.col25, .addthis_button_rss_follow, td.rss-feeds{ display:none;}
table.property-details-left1 img.ImageBorder1{width:100%;}
form #frmSetLocation{}
form#frmSetLocation input.TextBox, form#frmSetLocation select.TextBox{width:97%;height: 30px; margin: 5px 0px; display:block;}
form#frmSetLocation input#btnCatSubmit{ width:120px !important; height:30px;     background: #6495c7;
    background: -moz-linear-gradient(top, #6495c7 0%, #425971 100%);
    background: -webkit-linear-gradient(top, #6495c7 0%,#425971 100%);
    background: linear-gradient(to bottom, #6495c7 0%,#425971 100%);}
 table td.middle-sec .BorderForBox{border:#243D58 0px solid;}
 .footer-aria .top-footer{padding-left:0px; padding-top:5px; padding-bottom:5px;background-size: contain;}
ul.footer-listings{width:98%; padding:2px 4px; margin:auto;}
.property-listing-search{padding-left:5px; width:98%;}

.property-details-sec td{display: inline-table; margin:5px 0px; width:100%;}
.picture-gallery tr td, table.property-details-left1 tr td{display: inline-table; margin:5px 0px; width:100%;}
.picture-gallery tr td img{width:100% !important; height:auto !important;}
.MainTitle{width:80% !important;}
.BorderForBox  table tr td{display: inline-table; margin:5px 0px; width:100%; padding:0px;}
#benalmadenavideoOuterDiv, #benalmadenavideoOuterDiv video{width:100% !important;}
#overlaybenalmadenavideo{left:0px !important; display:none;}
.BackgroundForBox.m-head-new{width:300px; overflow:hidden}
.m-none{display:none;}
.video-sec div{width:300px !important; left:0px !important; height:auto !important;}
.video-sec .ShEmbedIcon{display:none !important}
.video-sec video, .video-sec iframe{ width:100% !important;height: auto;}
.playButton{ top:0px !important}
.playButton{left: 60px !important;}
#lightbox-container-image-box{width:300px !important;height: 200px !important; overflow: hidden;}  /*Important galler image height */
#lightbox-container-image-box img#lightbox-image{ width:100%;}
#lightbox-container-image-data-box{width:300px !important; z-index: 99; position: relative;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:30px;}
table td.middle-sec .BorderForBox table{border-color:#fff !important; border:0px !important; -webkit-border-horizontal-spacing:0px!important;
    -webkit-border-vertical-spacing:0px!important;}
	table td.middle-sec .BorderForBox form div{width:100% !important;}
table td.middle-sec .BorderForBox table tr td{border: 0;}
table.property-details-type tr td{display:inline-block; margin:5px 0px; width:46%;}
table.property-img-box, table.property-img-box tr td a img{width:100%; height:auto}
table.property-details-left1, .line-border img{width:100%;}
table.property-details-type1 tr td{display:inline-block; margin:5px 0px; width:50%;}

table.contact-sec tr td{display: inline-table; margin: 5px 0px; width: 100%; padding: 0px; text-align: left;}
table.contact-sec tr td.none{display:none;}
table.contact-sec tr td input.TextBox{width: 80%; height: 30px; margin:2px 0px;}
table.contact-sec tr td textarea.TextBox{width: 80%; height: 60px; margin: 5px 0px;}
table.contact-sec tr td input.Button{width: 120px !important; height: 30px; background: #6495c7; background: -moz-linear-gradient(top, #6495c7 0%, #425971 100%); background: -webkit-linear-gradient(top, #6495c7 0%,#425971 100%); background: linear-gradient(to bottom, #6495c7 0%,#425971 100%);}
.pro-details-form .Button{display:block;}
}