/************************************************
///////////////////////////////////////////////// 

                **Ipad**

/////////////////////////////////////////////////   
*************************************************/
@media  (min-width: 760px) and (max-width: 1024px){
    .pd-tl-0{
        padding-left: 0px !important;
    }
    .pd-tr-0{
        padding-right: 0px !important;
    }
    .pd-tr-15{
        padding-right: 15px !important;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        text-align: center;
        padding: 10px 0 0 0;
        float: none;
        display: inline-flex;
    }
    .logo2 {
        display: none
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%
    }
    #cssmenu ul {
        width: 100%;
        display: none
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #444
    }
    #cssmenu > ul > li > a{
        padding: 15px 18px;
    }
    #cssmenu ul li:hover {
        background: #363636;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover > ul > li {
        height: auto
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu > ul > li {
        float: none
    }
    #cssmenu ul ul li a {
        padding-left: 25px
    }
    #cssmenu ul ul li {
        background: #333!important;
    }
    #cssmenu ul ul li:hover {
        background: #363636!important
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li.active > a {
        color: #fff
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }
    #cssmenu > ul > li.has-sub > a:after,
    #cssmenu > ul > li.has-sub > a:before,
    #cssmenu ul ul > li.has-sub > a:after,
    #cssmenu ul ul > li.has-sub > a:before {
        display: none;
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }
    .button {
        /*width: 55px;*/
        height: 46px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        cursor: pointer;
        z-index: 0;
    }
    .button:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 8px;
        width: 20px;
        border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;
        content: ''
    }
    .button:before {
        -webkit-transition: all .1s ease;
        -ms-transition: all .1s ease;
        transition: all .1s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: #ddd;
        content: ''
    }
    .button.menu-opened:after {
        -webkit-transition: all .1s ease;
        -ms-transition: all .1s ease;
        transition: all .1s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .button.menu-opened:before {
        top: 23px;
        background: #fff;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: ''
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none
    }
    #cssmenu ul ul ul li.active a {
        border-left: none
    }
    #cssmenu > ul > li.has-sub > ul > li.active > a,
    #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: none
    }
    
    /*scroll to top*/
    #myBtn {
      bottom: 60px;
      right: 30px;
      font-size: 20px;
    }

    .wrapper-product-detail{
        padding: 10px 0px;
    }

    /*wrapper-proerty*/
    .wrapper-proerty .list-property .product-title-price {top: 115px;}
    .waraper-property .property-desc p{
        font-size: 12px
    }
    .waraper-property .property-price{
        width: 155px;
    }

    /*call center*/
   .at-inside-Call {padding: 100px 80px 100px 90px;}
   .at-inside-Call h2{font-size: 14px}
   .at-Call-right-inside {padding: 23px 0px 0px 20px}
   .at-Call-right-inside h2{font-size: 14px}
   .at-Call-right-inside h3{font-size: 16px}
   .at-Call-left {margin-left: -8%;}
    /*===============================================
                       Home page
    ================================================= */
    /*Popular Post*/
    .popular-post .list-popular-desc{
        font-size: 12px;
        padding:0px 0px;
    }
    .popular-post .list-popular-desc p{margin: 0px;}
    .padd-r0{
        padding-left: 0px;
        padding-right: 10px;
    }
    .waraper-property{padding: 30px 0px 30px 16px;}
    /*Feature Land*/
    .logo-container{width: calc(100%/4);}
    .water-mark{
        left: 18%;
        top: -35%;
        width: 56%;
    }
    .logo-container .land-deatail{line-height: 16px}
    /*USRV Video or TV*/
    .view-video .list-video img{width: 100%}
    .list-video a{width: 50%}
    .list-video-desc p{
        margin: 0 0 5px;
        font-size: 13px;
    }
    .modal-dialog{
        width: 670px;  
        height: 550px;
    }
    .modal-dialog{margin: 30px 50px;}
    .embed-responsive-16by9,
    .modal-content,
    .modal-body{
        width: 100%;
    }
    .close{right: -20px;}
    /*Location*/
    .waraper-location .list-location a{font-size: 11px;}
     /*Land / Property Detail*/
    .hvr-info-to-right{
        font-size: 12px;
        padding:6px 8px;
    }
     /*Search Rental properties*/
    #exTab3 .tab-content .tab-pane .form-control-costome{
        width: 585px !important;
    }
    

    /*===============================================
                       Page About Us
    ================================================= */
    .our-team .item{width: 23%}


    /*===============================================
                  video homepage
    ================================================= */
    .view-video .list-video img{
      width: 200px;
      height: 100px;
      padding: 5px
    }
    .list-video a {
    top: 37px;
    
    background-size: 40px 40px;
    }
    .video-data{
        width: 205px;
    }
    .popular-post .list-popular a img{
        width: 60px !important;
        height: 60px;
    }
    .list-popular-desc .width-detail{
        width: 125px;
        font-size: 10px;
        padding: 0px 0px 0px 6px;
    }
    .list-popular-desc .width-view-detail{padding: 0px 0px 0px 6px;}
    .list-popular-desc .width-detail p{margin: 0px;}

    /*===============================================
                       Page About Us
    ================================================= */
    .our-team .item{width: 23%}
    .wrapper-about .mission{
        padding: 20px 4px;
        height: 232px;
    }
    .wrapper-about .mission p{font-size: 11px;text-align: center;}
    .wrapper-about .caption-about p{font-size: 14px;}
    .waraper-property .property-desc h4 a{
        font-size: 14px
    }

    /*===============================================
                    Property Detail
    ================================================= */
    .waraper-property-detail .amenities .view-title{
        font-size: 13px;
    }
    .at-newsletter-sec .form-control {
        background: none;
        border: none;
        box-shadow: none;
        color: #ffffff;
        font-style: italic;
        font-size: 12px;
        background: rgba(255,255,255,0.4);
        min-height: 47px;
        width: 620px
    }
    .at-newsletter-sec .at-sub-btn a{
        font-size: 15px;
    }
    .hvr-print-to-right{
        margin-top: -186px;
    }
     #image p {
        left: 20%;
    }
    .cboxPhoto{
        max-width: 700px !important;
        max-height: 500px !important;
        float: none;
        margin-left: 0px;
        padding: 10px;
    }
    .gallery-top img{
        height: 400px
    }
    .waraper-property .list-property img{
        height: 160px;
    }
    .waraper-property-detail .information-detail h4{
        font-size: 16px;
    }
    .page-video-view .list-video a{
        top: 35px;
        left: 80px;
    }


}
/************************************************
///////////////////////////////////////////////// 

                **iphone**

/////////////////////////////////////////////////   
*************************************************/
@media (max-width: 750px){
    .pd-m-0{
       padding-right: 0px !important;
       padding-left: 0px !important;
    }
    .pd-m-15{
       padding-right: 15px !important;
       padding-left: 15px !important;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        text-align: center;
        padding: 10px 0 0 0;
        float: none
    }
    .logo2 {
        display: none
    }
    nav {
        width: 100%;
    }
    #cssmenu {
        width: 100%
    }
    #cssmenu ul {
        width: 100%;
        display: none
    }
    #cssmenu ul li {
        width: 100%;
        border-top: 1px solid #444
    }
    #cssmenu > ul > li > a{
        padding: 15px 26px;
    }    
    #cssmenu ul li:hover {
        background: #363636;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover > ul > li {
        height: auto
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu > ul > li {
        float: none
    }
    #cssmenu ul ul li a {
        padding-left: 25px
    }
    #cssmenu ul ul li {
        background: #333!important;
    }
    #cssmenu ul ul li:hover {
        background: #363636!important
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px
    }
    #cssmenu ul ul li a {
        color: #ddd;
        background: none
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li.active > a {
        color: #fff
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left
    }
    #cssmenu > ul > li.has-sub > a:after,
    #cssmenu > ul > li.has-sub > a:before,
    #cssmenu ul ul > li.has-sub > a:after,
    #cssmenu ul ul > li.has-sub > a:before {
        display: none;
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700
    }
    .button {
        /*width: 55px;*/
        height: 46px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        cursor: pointer;
        z-index: 0;
    }
    .button:after {
        position: absolute;
        top: 22px;
        right: 20px;
        display: block;
        height: 8px;
        width: 20px;
        border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;
        content: ''
    }
    .button:before {
        -webkit-transition: all .1s ease;
        -ms-transition: all .1s ease;
        transition: all .1s ease;
        position: absolute;
        top: 16px;
        right: 20px;
        display: block;
        height: 2px;
        width: 20px;
        background: #ddd;
        content: ''
    }
    .button.menu-opened:after {
        -webkit-transition: all .1s ease;
        -ms-transition: all .1s ease;
        transition: all .1s ease;
        top: 23px;
        border: 0;
        height: 2px;
        width: 19px;
        background: #fff;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .button.menu-opened:before {
        top: 23px;
        background: #fff;
        width: 19px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer
    }
    #cssmenu .submenu-button.submenu-opened {
        background: #262626
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }
    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }
    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff
    }
    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: ''
    }
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none
    }
    #cssmenu ul ul ul li.active a {
        border-left: none
    }
    #cssmenu > ul > li.has-sub > ul > li.active > a,
    #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: none
    }
    /*scroll to top*/
    #myBtn {
      bottom: 60px;
      right: 30px;
      font-size: 20px;
    }

    /*property*/
    .wrapper-proerty .list-property .product-title-price{
        top: 198px;
    }

    /*subscribe*/
    .at-over-layer-black::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 0;
      background-color: rgba(0, 0, 0, 0.9);
    }
    .at-newsletter-sec .form-control {
        background: none;
        border: none;
        box-shadow: none;
        color: #ffffff;
        font-style: italic;
        font-size: 12px;
        background: rgba(255,255,255,0.4);
        min-height: 34px;
        width: 260px
   }
   .at-newsletter-sec .at-sub-btn a{
        font-size: 12px !important;
        line-height: 34px;
   }

   /*call center*/
   .at-inside-Call {padding: 100px 80px 100px 90px;}
   .at-inside-Call h2{font-size: 12px}
   .at-Call-right-inside {padding: 23px 0px 0px 20px}
   .at-Call-right-inside h2{font-size: 13px}
   .at-Call-right-inside h3{font-size: 11px}
   .at-Call-left {margin-left: -13%;}

   /*footer*/
   .wrapper-footer .pull-right p{
    padding: 0px 97px;
   }
    /*===============================================
                       Home page
    ================================================= */
    /*All Properties*/
    .waraper-property{padding: 20px;}
    .waraper-property .list-property{display: inline-block;}
    .zoomWrapper{
        width: 100%;
        float: left;
    }
    .waraper-property .list-property img{width: 100%;}
    .waraper-property .property-desc{
        width: 274px;
        float: left;
    }
     /*Feature Land*/
    .logo-container{width: calc(100%/2);}
    .water-mark{
        left: 18%;
        top: -35%;
        width: 60%;
    }
    .logo-container .land-deatail{line-height: 16px}
    /*Land / Property Detail*/
    .carousel-cell .castome-imag{height: 350px;}
    /*subscribe newsletter*/
    .hvr-bounce-to-right{padding: 8px 16px;}
    /*USRV Video or TV*/
    .list-video a{  width: 50%;  }
    .modal-dialog{width: 320px; height: 300px;    }
    .close{right: -20px;}
    /*translate-language*/
    .translate-language a{
        padding: 13px 3px;
        font-size: 9px;
    }
    /*wrapper-header*/
    .wrapper-header .row{
        margin-right: -12px;
        margin-left: -15px;
    }
    .wrapper-header .search{padding: 10px 9px 10px 16px;}
    /*===============================================
                  .dropdown-menu
    ================================================= */
    /*dropdown-lang*/
    .dropdown-lang{
        display:block;
        float: left;
        left: 15px;
    }
    .dropdown-lang .dropdown-toggle  button{
        background-color: #185f9a;
        border: none;
    }
    .open .dropdown-menu {
        display: block;
        top: 38px;
        left: 0px;
    }
    .dropdown-menu li a{
        padding: 0px 80px 8px 30px;
    }
    .hide-lang{display: none;}
    /*Search Rental properties*/
    #exTab3 .tab-content .tab-pane .form-control-costome{
        width: 260px !important;
    }
    .hvr-search-to-right{padding: 15px 20px;width: 90px;}
    .wrapper-footer .pull-right{
        float: left;
        width: 100%;
        padding: 0px;
    }
    
  /*===============================================
                  Page Contact Us
    ================================================= */
    .wrapper-content .contact-page .get-in-touch{
        margin-bottom: 50px;
    }

    /*===============================================
                  Page About Us
    ================================================= */
    .our-team .item{width: 46%}

    #image p {
    /* the actual 'watermark' */
    position: absolute;
    top: 42%; /* or whatever */
    left: 22%; /* or whatever, position according to taste */
    color: #fff;
    z-index: 1;
    background-image: url("../images/logo.png");
    font-size: 25px;
    opacity: 0.6;
    }

    /*===============================================
                  video homepage
    ================================================= */
    .view-video .list-video img{
      width: 130px;
      height: 90px;
      padding: 5px
    }
    .video-data{
        width: 212px;
    }
    .link span{right: 0px;}
    .list-video a {
        top: 30px !important;
        left: 50px !important;
        background-size: 40px 40px !important;
        width: 50% !important;
    }
    /*===============================================
                  Page Events
    ================================================= */
    .main-event{margin: 15px 0px 10px 0px;}
    .main-event .post-by{
        font-size: 14px;
        padding: 0px 4px;
    }
    .main-event .post-by i {
        margin-right: 4px;
    }
    .main-event .post-by span {
        margin-right: 7px;
    }
    .padding-0{
        padding-left: 15px;
        padding-right: 15px;
    }
    .main-event .desc-event .desc-img{
        margin-bottom: 15px;
    }
    /*===============================================
                  Page Events Detail
    ================================================= */
    .waraper-sub-event .sub-title .detail-img .tag{
        width: 100px;
        height: 70px;
        padding-top: 5px;
        font-size: 12px;
    }
    .waraper-sub-event .sub-title .detail-img .tag strong{font-size: 16px;}
    .waraper-sub-event .sub-title .post-by .calender{
      width: 100%;
      float: left;
    }
    .waraper-sub-event .sub-title .post-by .calender .user{
      width: 100%;
      float: left;
    }
    .popular-post .list-popular a img{
        width: 100px !important;
        height: 60px;
    }
    .list-popular-desc .width-detail{
        width: 160px;
        font-size: 11px;
        padding: 0px 0px 0px 6px;
    }
    .list-popular-desc .width-view-detail{padding: 0px 0px 0px 6px;}
    .list-popular-desc .width-detail p{margin: 0px;}

    
    /*===============================================
                       Page About Us
    ================================================= */
    .wrapper-about .mission{
        padding: 20px 4px;
        height: 232px;
    }
    .wrapper-about .mission .img-icon img{
        width: 20%;
        height: 65%;
    }
    .wrapper-about .mission p{text-align: center;padding: 0px 0px 15px 15px;}
    .wrapper-about .caption-about p{font-size: 14px}

    .waraper-property-detail .additional span{font-size: 11px}
    .waraper-property-detail .additional li{font-size: 11px}

    /*===============================================
                      Close image popup
    ================================================= */
    .close{
        top: 2px !important;
        right: -24px !important;
        font-size: 2rem !important;
        background:#f09900 !important;
        height: 23px;
        width: 24px;
    }

    /*===============================================
                    Property Detail
    ================================================= */
    .waraper-property-detail .property-detial h3{
        font-size: 15px;
        padding: 10px 20px 0px 20px;
    }
    .waraper-property-detail .property-detial .price-detail{
        font-size: 15px
    }
    .gallery-top img{
        height: 300px;
    }
    .cboxPhoto{
        max-width: 360px !important;
        max-height: 200px !important;
        float: none;
        margin-left: 0px;
        padding: 10px;
    }
    .waraper-property-detail .information-detail{
        margin-top: 16px;
    }
}