.hero-slider{margin-top:0;}
.header-section.floating {
    background: none!important;
   
}

.chanel-head{margin-top:0px!important}
.chanel-head h1{margin-bottom:0px}
.cstm_both_sec-10{    margin-top: 50px;
    margin-bottom: 50px;}
 .cstm_lftm-100 a{   
    background-color: #12D0E9!important;
    color: #fff!important;
    text-decoration: none!important;
    font-weight: 700!important;
    font-size: 22px;
    padding: 3px 25px 3px 25px;
    display: inline-block;
    margin-bottom: 10px;
}

.cstm_lftm-100 h2{
        text-transform: uppercase;
    font-size: 40px;
    color: #0F6A8A;
    font-weight: bolder;
    margin-bottom: 10px;
    line-height: 1;
}
.cstm_lftm-100 h3{
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 900;
    color: #288F8F;
    line-height: 1;margin-bottom: 17px;}
.cstm_lftm-100 p{text-align: center;margin-bottom: 15px;
    font-size: 19px;    margin-top: 15px;}
.camera_img{  
     max-width: 100px;
    margin-bottom: 20px;}
.cstm_lftm-100{width:40%;float:left;text-align:center;    padding-top: 21px;
    border: 1px solid #eae8e8;}
.cstm_ritm-100{width:60%;float:left;}
.color_key{float:left;width:25%;}
ul.level1 li:nth-child(5){visibility: hidden; }
ul.level2 li:nth-child(5){visibility: visible; }
ul.level3 li:nth-child(5){visibility: visible; }
.list-inline1 li a .fa {color: #fff;}
#navigation{width:100%;margin-left:0%!important;}
.menuex-mynewcls{width:100%;max-width: 1045px;
    margin: 0 auto;float:none!important;}
.mynewcls{width:100%;}

.header-section{ 
 background:none!important; 
    border-bottom:none!important;
    box-shadow:none!important;
   
   background:none!important; 
}
.list-inline1>li{height: 24px!important;}
.topRibbonContent ul {line-height: 22px;}
.navbar-nav ul li a{text-shadow: 1px 1px 1px rgba(0,0,0,.3);}
.floating .phone_number span{color:#000;font-weight:100;}
.floating .level1 {margin-top:-7px;}
.floating .phone_number p {color:#000;}
.list-inline1 li a .fa{color:#fff ;}
.list-inline1>li {border-left:none!important;border-right:none!important;    border: none!important;}
.floating .contact_info{margin-top: 30px;}
.header-section.floating .menuex-navigation>.static li a, .header-section.floating .navbar-nav li a{color:#fff;}
.header-section.floating .menuex-navigation>.static li a, .header-section.floating .navbar-nav ul.level1 li:nth-child(5){display:none!important;}
.header-section.floating .menuex-navigation>.static li a, .header-section.floating .navbar-nav ul.level2 li:nth-child(5){display:block!important;}
.header-section.floating .menuex-navigation>.static li a, .header-section.floating .navbar-nav ul.level3 li:nth-child(5){display:block!important;}
.header-section.floating .new_bar{background-color: rgb(0, 148, 217);}
.header-section.floating .middle_bar{    background-color: #0094d9;}

.new_bar{width:100%;float:left;background-color:rgba(0, 148, 217, 0.66);}
.middle_bar{width:100%;float:left; height:41px;    text-align: center;}
.topRibbonContent{height: 29px;float: left; background: -webkit-linear-gradient(top,rgba(0,0,0,.4),transparent)!important;
    background: -o-linear-gradient(bottom,rgba(0,0,0,.4),transparent)!important;
    background: linear-gradient(to bottom,rgba(0,0,0,.4), transparent)!important;}
@media (max-width:905px){ 
.menuex-mynewcls{width:100%;max-width:767px;
    margin: 0 auto;float:none!important;}}
@media (min-width: 768px){ 
.affix-top .navbar-logo img {    max-height: 152px;}
.navbar-collapse.collapse {height:35px!important;}
.navbar-nav ul li a{margin:0px 15px!important;}
 
.affix-top .navbar-logo {      z-index: 9;
    position: relative;  margin-top:-26px!important;}
}

/*homepage CSS*/
   .hiw-row_box .hiw-item-description{min-height:80px;}
   .MBeaches .link_box{  
     columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;} 
   .hiw-item-text {
    padding: 20px 15px;
    float: left;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 3px #b8bcbf;
    text-align: left;
}
   .hiw-row_box .hiw-col{width:100%;}
   .hiw-row_box{width:25%;float:left;}
   .hiw-item {   
    margin-bottom:0px;
    padding-bottom:0px;
}
   

.link_box{    
 float: left;
    width: 100%;
    text-align: left;
    padding: 20px 0px 0 0px;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
   .link_box li{}
   .link_box li a{font-weight:500;}
    
   .slider-actions h2 a{color:#fff;}
.jt-title{height:0!important;}
 .jt-title div:first-child{z-index: 9;}
 .jt-content{height: 376px!important;}
 iframe{height: 376px!important;min-height: 376px!important;}
   .onscrollphone{
          display:none;
         float: right;
    font-family: AvantGardeBook,sans-serif!important;
    font-weight: 500;
    font-size: 14px;
         letter-spacing: 1px;
    line-height: 1;
    margin: 0;
    color: #fff;
   border:1px solid #fff;
    padding: 6px 13px;
    border-radius: 20px;
    margin-left: 10px;
   }
  @media only screen and (max-width:520px) {
#right-tab{margin-top:20px!important;}

.channels h1 {
    
    font-size: 20px!important;line-height: 1.2;}

}
  @media only screen and (max-width:500px) {

.four-box-title h2{  
   line-height: 1.2;
    font-size: 25px;
       margin-top: 15px; 
}
 .color_key {
    width: 100%;
}
.cstm_lftm-100 h3 {font-size: 25px;}
.cstm_lftm-100 h2 {font-size: 25px;}
    .link_box{  
    columns: 1!important;
    -webkit-columns: 1!important;
    -moz-columns: 1!important;
}
  .jt-content{height: 400px!important;}
  
iframe{height: 400px!important;min-height:400px!important;}
    }
   @media only screen and (max-width:767px) {
.bio_title{
    line-height: 1.2;
    font-size: 25px!important;
    margin-bottom: 10px;
    display: block;
    
}
.grid_title{
    line-height: 1.2;
    font-size: 25px;
    margin-bottom: 10px;
    display: block;
  margin-top: 35px;
}
.imgbox-col-5{margin-bottom: 20px;}
.Mdevider{padding-bottom: 30px!important;}
.how-it-works-section {
    padding-bottom: 15px;
}
.cstm_both_sec-10{    margin-bottom: 30px;}
}
   @media only screen and (min-width:767px) {
.hiw-item-picture-about{max-height: 670px;
    object-fit: cover;
    object-position: bottom;}
   .header-section.floating .onscrollphone{display:block;}
   .phone_number span {
   float: left;
    font-family: AvantGardeBook,sans-serif!important;
    font-weight: 500!important;
         letter-spacing: 1px;
    font-size: 14px!important;
    line-height: 1!important;
    margin: 0;
    color: #fff!important;
    background-color: #0094d9;
    padding: 6px 13px!important;
    border-radius: 20px;
    margin-left: 10px!important;
  }
.level1 li{display:inline;}
.level1 li ul {display:none;}
}

  .level2 li {width:100%;float:left;}
  .btn_mhide {display:none;}
  .right_MBOX{
    float: right;
        margin-right: 7%;
    position: relative;
  }
  .left_MBOX{
    float:left;
    position: relative;
    margin-left: 7%;
  }
  
  .list-inline1 li a .fa{color:#fff;}
  .logopopup{
    position:absolute;
    width:100%;
    height:100%;
    float:left;
    padding:10px 50px 50px 50px;
    text-align: center;
    box-sizing:border-box;
    display:none;
    background-color: rgba(255, 255, 255, 0.80);
    z-index: 999;
  }
  .hidepopup{
     width: 100px;
    float: right;
    padding: 5px 30px 5px 30px;
    color: #005DAA;
    text-align: center;
    background-color: #fff;
    font-size: 16px;
    border: 1px solid #005DAA;
    margin-bottom: 20px;
  }
.hidepopup:hover {    background-color: #005DAA;
    border: 1px solid #005DAA;
    color: #fff!important;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;}
  
  .apexidx-mgfs-boxInner:hover{ background-color: #000;}
  
  
   @media only screen and (max-width :1213px) and (min-width : 992px) {
   
  .floating .container .contact_info {margin-top: -104px;}
  }
 @media only screen and (max-width :992px) and (min-width : 767px) {
   #how-it-works .hiw-row.row{    display: flex;
    flex-wrap: wrap;}
    .link_box{  
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
   .hiw-row_box{width:50%; margin-bottom:40px;}
  .city-link{width:97%!important;}
  .floating .container .contact_info {margin-top: -170px;}
  }
  
    body{font-family:AvantGardeBook,sans-serif!important;}
  .city-link:hover{background-color:#185c77;}  
  
  .level2{margin-top:-23px;}  
  .ketal{  
    background-color: #12D0E9!important;
    color: #fff!important;
      text-decoration: none!important;
     font-weight: 700!important;}
  
   #left-tab{
      background-color: #12D0E9;
    padding: 6px 0px 6px 0px;
    width: 240px;
    font-weight: 100;
    color: #12D0E9;
    text-align: center;
    margin: 0 auto;
    font-size: 22px;
    border: 1px solid #12D0E9;
    cursor: pointer;
    text-decoration: none;
    background: none;
    outline: none;
        margin-top: 35px;
  }
  
  .Mdevider{width:100%;padding-bottom: 50px;}
  .Mdevider img{width:100%;}
  .MBeaches{display:none;}  
   #right-tab{   padding: 6px 0px 6px 0px;
    font-weight: 100;
    width: 240px;
    color: #12D0E9;
    text-align: center;
    margin: 0 auto;
    font-size: 22px;
    border: 1px solid #12D0E9;
    cursor: pointer;
    text-decoration: none;
    background: none;
    outline: none;
        margin-top: 35px;
  }
 #left-tab:hover{
    background-color: #12D0E9;
    color: #fff;
      text-decoration: none;
     font-weight: 700;
        -webkit-transition: all .25s ease;
    transition: all .25s ease;
  }
 #right-tab:hover{
    background-color: #12D0E9;
    color: #fff;
      text-decoration: none;
     font-weight: 700;
        -webkit-transition: all .25s ease;
    transition: all .25s ease;
  }
  
.ui-tooltip { 
  border: 1px solid #111 !important;
  background-color: #eee !important;
  padding: 5px !important;
  line-height: 1.4 !important;
  color: black !important;
  font-size: 16px !important;
}

.ui-tooltip h3, .ui-tooltip div { margin: 0 !important; }
  .siteby {
    background-color: #d6d6d6;
    display: block;
    float: left;
    width: 100%;
    font-family: AvantGardeBook,sans-serif!important;    
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;    
    margin-bottom: -1px;}
  
  .city-link{  
        font-size: 17px;
    background-color:#33353c;
    padding: 8px 20px 8px 20px;
    margin: 10px 10px 24px 10px;
    color: #fff;
        width: 85%;
    text-align: center;     
   box-shadow: inset 3px 3px 4px -2px rgb(10, 10, 10);
-webkit-box-shadow:inset 3px 3px 4px -2px rgb(10, 10, 10);
-moz-box-shadow:inset 3px 3px 4px -2px rgb(10, 10, 10);
-o-box-shadow:inset 3px 3px 4px -2px rgb(10, 10, 10);
    border-radius: 5px;
    }
  .pactions label, .pactions a:link, .pactions a:visited {
    background: rgb(0, 148, 217);
    font-size: 20px;
    font-weight: 500;
    color: #FFF;
    float: left;
  }
  .pactions a {
    padding-left: 25px;}
  .pactions {height: 49px;float: left;}
  
 .slider-actions {     
    top: 25%;
    margin-top: -13%;
        
  }
  .view1{float:right;}
  .clear{clear:none;}
  .portfolio-slide-desc, .slide-bottom, .slide-right {    
    background: rgba(0, 0, 0, 0.5);
    width: 400px;
    padding: 15px;
    color: #FFF;
    font-size: 16px;
    line-height: 30px;
  }
  .portfolio-slide-desc h2, .slide-bottom-title h2, .slide-right h2 {
    font-size: 27px;
    font-weight: 700;
    color: #FFF;
    margin-bottom: 15px;
    line-height: 1;
  }
  .pactions a:link, .pactions a:visited {
    background: rgb(0, 148, 217);
    padding-right: 0;}
  .pactions a i {
    padding: 15px;
    background:rgb(7, 110, 158);
    margin-left: 20px;
    font-size: 18px;}
  .pactions label span, .pactions a span {
    position: relative;
    top: 2px}
  
  .apexidx-mgfs-wrap{max-width:1400px!important;}
  .channels{text-align: center;
    margin-top: 35px;
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 700;}
  .col{width:931px;     margin: 0 auto; }
  .content-section{
           margin: 0 auto;
    width: 100%;
    max-width: 1370px;
   
  }
   .content-section p {font-size:17px;}
  
  .grid{width: 100%;
    float: left;
 
  }
 .footer .social-links .fa{line-height:1;}
 .list-inline1 {text-align: right;
    line-height: 3;}
  
  .list-inline1 .fa { font-size: 12px;line-height:2;}
  
  .facebook_icon:hover .fa-facebook {
    color: #3864A3;}

.list-inline1 .twitter_icon:hover .fa-twitter {
    color: #42C0FB;}
.list-inline1 .linkdin_icon:hover .fa-instagram {
    color: #D01717;}

.list-inline1 .pinterest_icon:hover .fa-pinterest {
    color: #BF4037;}

.list-inline1 .linkdin_icon:hover .fa-linkedin-square {
    color: #0177B5;}

.list-inline1 .youtube_icon:hover .fa-youtube {
    color: #DB2724;}
  .contact_info {
    float:left;
    font-family: AvantGardeBook,sans-serif!important;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    text-align:left;
    margin-top: 7px;
    outline: medium none;
     }

.contact_detial {
    color: #435061;
    float: left;
    height: 45px;
    min-width: 226px;
    padding-top: 5px;}

.phone_icon {
    color: #929da9;
    float: left;
    display:none;
    font-size: 36px;
    height: 100%;
    line-height: 1.3;
    width: 30px;}


.phone_number p {
    float:left;
    color: #fff;
    font-family: AvantGardeBook,sans-serif!important;
    font-size: 12px !important;
    font-weight: normal;
    margin: 0;
    text-transform: uppercase;}
   .phone_number span {
    padding-top: 4px;
    padding-left: 10px;
    float: left;
    font-family: AvantGardeBook,sans-serif!important;
    font-weight: 100;
    font-size: 12px;
    line-height: 1;
    margin: 0;
    color: #fff;
}


   .phone_number span a{font-weight:500;}
  
  .level1{margin-top:10px;width: 100%!important;}
   .navbar-nav ul li a {       
    padding-bottom: 1.5px;
    float: left;
    margin: 0px 15px;
    color: #fff ;
    font-weight: 100;
    font-size: 13px;
    line-height: 1;
    font-family: AvantGardeBook,sans-serif!important;
    text-transform:uppercase;
    outline: none;
    
  }
  .level2 li a {color:#fff!important;}
.main-content .container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}
   @media only screen and (max-width :992px) and (min-width : 767px) {
  
  
  }
     @media (max-width:1600px){
   .link_box{  
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
   }
  @media (max-width: 1360px){
  .col{width:931px; margin:0 auto; float:none; }
  .content-section{width:100%;padding:0 10px;}
  .apexidx_maerialviewcenter{ }
  }
  @media (max-width: 992px) {
.channels h1{margin-bottom: 0px;}
.cstm_lftm-100 p{    padding: 0 15px;}
.cstm_both_sec-10{float: left;
    margin-bottom: 40px;}
.cstm_lftm-100 {
    width: 100%;}
.cstm_ritm-100 {
    width: 100%;}

.cstm_ritm-100 img{width: 100%;}
}
  @media (min-width: 992px) {
.cstm_both_sec-10{display:flex;}
.cstm_ritm-100 img{height: 100%;
    object-fit: cover;}
   .bothviewmap_btn{    
    position: absolute;
    width: 100%;
    top: 70%;
}
   .slider{position:relative;}
.two-cols-description-section .two-cols-description-image {
    width: 55%;
}
  .two-cols-description-section .two-cols-description-text {
    width: 45%;
    padding: 20px 60px;
}
  .two-cols-description-section .two-cols-description-image img {
  margin-left:0 !important;
  }
  }
    @media only screen and (max-width: 768px){
    .link_box{  
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
    .hiw-row_box{width:100%;margin-bottom:40px; }
   .demo{margin-top:-41px;}
   .new_bar{    background-color: rgba(0, 148, 217, 0.66);}
   .slider{margin-top: 70px;}
   .middle_bar{height: 10px;}
   .navbar-logo{1px 15px 18px;}
   .level1 li:nth-child(4) { display:none; }
  .list-inline1{text-align:center;}
  .siteby{text-align:center;}
  .navbar-nav ul li a{color:#fff!important;}
          .first{max-width:250px;margin:0 auto;float:none;margin-top:30px;}
       .city-link{width:98%;}
  .footer-section .footer-logo{width:100%;}
  }
.apexidx-rsbsearchbox form .apexidx-AaSBtnPoistion button[type="button"] {
    background-color: #9a1c1f !important;
    }
 .apexidx-AaSLinkPoistion a {
    color: #9a1c1f !important;
    }
.intro #page_ctl00_header {
display: none;
}
 
 

@media (min-width: 992px){
.hero-layout-simple .hero-subtitle {
    font-size: 36px;
    margin-bottom: -5%;
    font-family: AvantGardeBook,sans-serif!important;
    font-weight: normal;
    }

.hero-tagline{
      margin-bottom: -4%;
      font-size: 34px;
      font-family:AvantGardeBook,sans-serif!important;
}
  }
.main-content {
    padding-top: 132px;
}

@media (max-width: 480px){
 
.footer .section-background {
    background: #3B3E47!important;}
  .apexidx-rsbsearch-rt-form{
    height: auto;
    }
  .footer, .footer:before{
    background-color: black;
    }
  
  #responsivehide{
    display:none;
    }
    
  #searchFormWidget {
          
                position: relative;
                bottom: 0;
                right: 0;
                left: 0;
                z-index: 99;
                margin-top: 150px !important;
              }
  
  .hero-section, hero-layout-simple, hero-fullscreen, hero-slider, section, section-dark{
    background: transparent;
    height: auto;
    }

  
  .header-section.floating .navbar-nav li a {
    color: #fff;
}
  .navigation{
    padding-top:0;
    }
 
  .navbar-nav ul li a {
    color:white;
    }
  
  
  .list-inline>li {
    font-size:80%;
    }
    .list-inline1>li {
    font-size:80%;
    }

  }
  
  @media (min-width: 480px){
  #searchFormWidget {
          
                position: absolute;
                bottom: 0;
                right: 0;
                left: 0;
                z-index: 99;
              }
  }
  
 .singing {
    background-color:rgba(128, 128, 128, 0.31);
     width:100%; display:none;   margin-top: 60px;
    padding-bottom: 35px;}
 .singing2 {
    background-color:rgba(128, 128, 128, 0.31);
    float:left; width:100%; display:none;   margin-top: 60px;
    padding-bottom: 35px;}
#ms_101{
      float:right;
    padding: 7px 20px 7px 20px;
          background-color: #12D0E9;
    border: 1px solid #12D0E9;
    color: #fff;
    font-size: 14px;
  outline: none;
    }

 .mseabridge{
    float: left;
    width: 46%;
    margin: 2%;
  }
  .mmandalay{
    float: left;
    width: 46%;
    margin: 2%;
  }
  .misland{
    float: left;
    width: 46%;
    margin: 2%;
  }
  .mwestport{
    float: left;
    width: 46%;
    margin: 2%;
  }

#area_1s{
    padding: 1px 0px 1px 0px;
    font-weight: 100;
    width: 100%;
   background-color:#fff;
    color:#F3F526;
    text-align: center;
    margin: 0 auto;
    font-size: 28px;
    border: 1px solid #F3F526;
    cursor: pointer;
    text-decoration: none;        
    outline: none;
    margin-top: 35px;
  float: left;
  text-shadow: 0 1px 2px #000;
  }
#area_2m{
    padding: 1px 0px 1px 0px;
    font-weight: 100;
    width:100%;
   background-color:#fff;
    color: #D9118E;    
    text-align: center;
    margin: 0 auto;
    font-size: 28px;
    border: 1px solid #D9118E;
    cursor: pointer;
    text-decoration: none;          
    outline: none;
    margin-top: 35px;
  float: left;
  text-shadow: 0 1px 1px #000;
  }
#area_3h{
    padding: 1px 0px 1px 0px;
    font-weight: 100;
    width:100%;
    background-color:#fff;
    color: #db7d47;    
    text-align: center;
    margin: 0 auto;
    font-size: 28px;
    border: 1px solid #db7d47;
    cursor: pointer;
    text-decoration: none;         
    outline: none;
    margin-top: 35px;
  float: left;
  text-shadow: 0 1px 1px #000;
  }
#area_4w{
    padding: 1px 0px 1px 0px;
    font-weight: 100;
    width: 100%;
     background-color:#fff;
    color: #3BA34C;         
    text-align: center;
    margin: 0 auto;
    font-size: 28px;
    border: 1px solid #3BA34C;
    cursor: pointer;
    text-decoration: none;   
    outline: none;
    margin-top: 35px;
  float: left;
  text-shadow: 0 1px 1px #000;
  }
.info{  
    display:none;
   float: left;
    width: 100%;  
   background-color:#fff;
  padding: 10px;
  border: 1px solid rgba(128, 128, 128, 0.17);
    box-sizing: border-box;
  box-shadow: 0px 10px 12px -8px #DDDDDD;
-webkit-box-shadow: 0px 10px 12px -8px #DDDDDD;
-moz-box-shadow: 0px 10px 12px -8px #DDDDDD;
-o-box-shadow: 0px 10px 12px -8px #DDDDDD;
  }
  .info ul {margin-top: 0px;padding-left: 18px;}
  .info ul li {
    margin-top: 0px;   
    text-align: left;
    list-style-type: square;
   }
.all-IN-one{width:100%;float:left; height:auto;    overflow: hidden;}  
 @media only screen and (max-width :992px) and (min-width : 640px) {
   .channels{float:left;width:100%; }
.all-IN-one{
     
    margin: 0 auto;
    width: 90%;
    float: none;
  }
  .singing{display:block;}
 .col {
    width: 100%;
    /* margin: 0 auto; */
    float: left;}
}
 @media only screen and (max-width:640px) {
.cstm_both_sec-10{margin-top: 40px;
    float: left;}
   .color_key{width:50%;}
   .channels{float:left;width:100%;margin-top:0px;}
   .all-IN-one{
      
    margin: 0 auto;
    width: 90%;
    float: none;
  }
    .singing{display:block;}
 
 .mseabridge{width: 97%;}
  .mmandalay{width: 97%;}
  .misland{width: 97%;  }
  .mwestport{width: 97%;}
   .col {
    width: 100%;
    /* margin: 0 auto; */
    float: left;}
 
 }
.mhollywood{
    float: left;
    width: 29%;
    margin: 2%;
  }
.mthecolony{
    float: left;
    width: 29%;
    margin: 2%;
  }
.moxnard{
    float: left;
    width: 29%;
    margin: 2%;
  }


#area_1hb{
    padding: 6px 0px 6px 0px;
    font-weight: 100;
    width: 100%;
    color:#D11E2E;    
    text-align: center;
    margin: 0 auto;
    font-size: 22px;
    border: 1px solid #D11E2E;  
    cursor: pointer;
    text-decoration: none;
  background-color:#fff;
    outline: none;
    margin-top: 35px;
  float: left;
  text-shadow: 0 1px 2px #000;
  }
#area_2tc{
    padding: 6px 0px 6px 0px;
    font-weight: 100;
    width:100%;
    color:#4A2B6B;
    text-align: center;
    margin: 0 auto;
    font-size: 22px;
    border: 1px solid #4A2B6B;
    cursor: pointer;
    text-decoration: none;
     background-color:#fff;
    outline: none;
    margin-top: 35px;
  float: left;
  text-shadow: 0 1px 1px #000;
  }
#area_3ob{
    padding: 6px 0px 6px 0px;
    font-weight: 100;
    width:100%;
    color:#313695;
    text-align: center;
    margin: 0 auto;
    font-size: 22px;
    border: 1px solid #313695;
    cursor: pointer;
    text-decoration: none;
    background-color:#fff;
    outline: none;
    margin-top: 35px;
  float: left;
  text-shadow: 0 1px 1px #000;
  }

 .all_tab{width:100%;float:left;  height:auto;}
 @media only screen and (max-width :992px) and (min-width : 640px) {
.all_tab{
    
    margin: 0 auto;
    width: 100%;
   
  }
   .singing2{display:block;}
  .right_MBOX{
    width:280px;
   margin:20px 10px;
     
  }
  .left_MBOX{
   width:280px;
   margin:20px 10px;  
   margin-bottom:80px;
    
  }
.portfolio-slide-desc, .slide-bottom, .slide-right{width:280px;}
   .portfolio-slide-desc h2, .slide-bottom-title h2, .slide-right h2{    font-size: 18px;}
   
}
 @media only screen and (max-width:640px) {
  .portfolio-slide-desc, .slide-bottom, .slide-right{    width: 100%;}
  .right_MBOX{margin-right:0;    margin-top: 20px;
    width: 100%;}
  .left_MBOX{margin-left:0;    margin-top: 20px;
    width: 100%;}
    .portfolio-slide-desc h2, .slide-bottom-title h2, .slide-right h2{ font-size: 18px;}
 .all_tab{
    display:block;  
    margin: 0 auto;
    width: 70%;
    float: none;
  }
 
 .mhollywood{width: 100%;}
 .mthecolony{width: 100%;}
 .moxnard{width: 100%;}
  .singing2{display:block;}  
 
 }
  

/*End Homepage css*/
/*Start featured Properties grid css*/

.gv-listings {
    padding: 10px 70px 10px 70px;
    width: 240px;
    color: #005DAA;
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    border: 1px solid #005DAA;
    cursor: pointer;
    text-decoration: none;}
.gv-listings:hover{
    text-decoration: none;
    background-color:#005DAA;
    border: 1px solid #005DAA;
    color:#fff!important;
    transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
  }


.apexidx-mgfs-titleBox a {
    font-size: 17px!important;
    color: #535353!important;
  font-weight: 700!important;
    text-decoration: none!important;
}
   
 
.apexidx-mgfs-titleBox{
  background-color:#fff!important;
    text-align: left!important;
    line-height: 40px!important;
    padding-left: 10px!important;
    padding-top: 6px!important;  
    position: inherit!important;    
  }
.apexidx-mgfs-pricefontsize{
    margin-left: 10%!important;
  font-size: 25px!important;
  color: #c19b59!important;
}

.apexidx-mgfs-boxInner{border: 1px solid rgba(128, 128, 128, 0.26)!important;}

.apexidx-mgfs-slidermarright {
    font-size: 16px!important;
    margin-right: 15px!important;
  font-weight: 100!important;
  }
.apexidx-mgfs-fontbold {
    font-size: 16px!important;
    font-weight: 100!important;}
  
@media only screen and (max-width: 2600px) and (min-width: 1201px){
.apexidx-mgfs-box {width: 30.5%!important;margin: 15px!important;}  
  
  }
  @media only screen and (max-width: 1200px) and (min-width: 1152px){
.apexidx-mgfs-box {
    width: 29.5%!important;
    margin: 15px!important;}}
  
  
  @media only screen and (max-width: 1151px) and (min-width: 640px){
.apexidx-mgfs-box {
    width: 45%!important;
    margin: 15px!important;}}
  @media only screen and (max-width: 640px){
.apexidx-mgfs-box {
    width: 95%!important;
    margin: 15px!important;}}
     @media only screen and (max-width:450px){
   .gv-listings{padding: 10px 20px 10px 20px!important;font-size: 12px!important;}
.apexidx-mgfs-box {
    width: 92%!important;
    margin: 15px!important;}}
/*End featured Properties grid css*/