@media (max-width: 1800px) {
    .green_box ul li:first-child, .blue_box ul li:first-child{
        width:36.5%
    }
}
@media (max-width: 1746px) {
    .promo_list{width: 99%;}

    /* service css start */
    /* 09.08.2019 */
    .emergency_box p, .emergency_call{font-size: 18px;}
    .emergency_box{padding: 15px 12px;}
}
@media (max-width: 1600px) {
    /* service request css start */
    .info_content_wrapper{width: 60%;}
    /* service request css end */
    .green_box ul li:first-child, .blue_box ul li:first-child{
        width:36.5%
    }
}
@media (max-width: 1550px) {
    .green_box ul li{
        margin: 0 1% 0 0;
    }
    /* .green_box ul li:first-child{
        width:36%
    } */
    .blue_box ul li{
        margin: 0 1% 0 0;
    }
    /* .blue_box ul li:first-child{
        width:36%
    } */
    .green_box ul li:first-child, .blue_box ul li:first-child{
        width:35.3%
    }
    /* community page start*/
    .community_images_block .col-lg-3{
        max-width: 50%;
        flex: 0 0 50%;
    }
    .community_images_block .img_block {
        margin-bottom: 30px;
    }

    .community_images_block .img_block .textwithimg{
        top:0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 100%;
    }
    .property_action_btn a{
        padding: 8px 10px;
        margin-right: 10px;
        min-width: auto;
    }
    /* community page end*/
    /* 09.08.2019 city service */
    .emergency_box p, .emergency_call{font-size: 16px;}
    .emergency_box{padding: 15px 10px;}
}
@media (max-width: 1466px) {
    .green_bg.small_box h2, .green_bg.small_box .price, .blue_bg.small_box h2, .blue_bg.small_box .price {
        font-size: 14px;
    }

    /* service request css start */
    .info_content_wrapper{width: 70%;}
    /* service request css end */
}
@media (max-width: 1432px) {
    .green_box ul li:first-child, .blue_box ul li:first-child{
        width:35.3%
    }
    .green_bg.small_box h2, .green_bg.small_box .price, .blue_bg.small_box h2, .blue_bg.small_box .price {
        font-size: 12px;
        text-align: center;
    }
    .outstanding_box span, .outstanding_box span .amount{
        font-size: 20px;
    }
    .blue_big_button{
        padding: 13px 14px;
        font-size: 15px;
    }


    .plot li{padding-right: 10px;}
    .plot li span{font-size: 18px;}
    .plot li img {width: 23px;}

    html,body{font-size: 14px;}

    /* service request css start */
    .service_search_form .submit_btn.bl_btn{padding: 15px 29px;}
    /* service request css end */
    /* service css start */
    /* 09.08.2019 */
    .emergency_box p, .emergency_call{font-size: 14px;}
    .emergency_call{display: block;}
}
@media (max-width: 1261px){
    .promo_list li{margin-right: 0;}
    .iner_buy h4{font-size: 20px;}
    /***** servcie start *****/
    html,body{font-size: 13px;}
    .transpo-name {
        font-size: 0.875rem;
        line-height: 0.875rem;
    }
    .transpo-time ul li{
        font-size: 1rem;
    }
    .dnld_btn{display: block; font-size: 14px;}

}
@media (max-width: 1199px) {
    .login-box { max-width: 960px; }
    .outstanding_box span, .outstanding_box span .amount{
        font-size: 15px;
    }
    .blue_big_button{
        padding: 13px 14px;
        font-size: 15px;
    }
    /* .body_content{
        margin-top:93px;
    } */


    .promo_img_wrap{height: auto;}
    .iner_buy{flex-direction: column;}
    .iner_buy img{float: none; margin: 0; width: 100% !important;}
    .buy_keac_text { margin:15px; }
    .promo_box_text h4{font-size: 17px;}


    /* community page start*/
    .account_area .search{
        width:100%;
    }
    .community_images_block .col-lg-3{
        max-width: 50%;
        flex: 0 0 50%;
    }
    .community_images_block .img_block {
        margin-bottom: 30px;
    }
    .property_description_area .col-lg-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .property_brand {
        margin-top: 30px;
    }
    .property_action_btn a{
        width:46%;
        display: inline-block;
        padding: 8px 8px;
    }
    .why_area{
        margin-top: 20px;
    }
    .amenities_cont ul li{
        width:50%;
    }
    /* community page end*/
    /***** servcie start *****/
    .taxi-info .text2 {
        font-size: 1rem;
        line-height: 1rem;
    }
    .dnld_btn{font-size: 13px;}

    /* service request css start */
    .service_search_form .submit_btn.bl_btn{padding: 14px 29px;}
    .data_arrow{margin-left: 7px;}
    .data_arrow:after, .data_arrow:before{right: 9px;}
    .data_table .table-bordered thead th{font-size: 13px;}
    .info_content_wrapper{width: 100%; padding-left: 55px;}
    /* service request css end */
}
@media (max-width: 1024px) {
    .attractions-listing {
        padding: 1.5rem;
    }
    .account_area .search{width: 100%;}
}
@media (max-width: 991px) {
    .green_box ul li:first-child, .blue_box ul li:first-child{
        width:35%
    }
    .green_bg.small_box h2, .green_bg.small_box .price, .blue_bg.small_box h2, .blue_bg.small_box .price {
        font-size: 12px;
        text-align: center;
    }
    .paddingLeft55{
        padding-left: 6%;
    }
    .account_area .search{
        width: 100%;
    }
    .outstanding_box span, .outstanding_box span .amount{
        font-size: 12px;
    }
    .blue_big_button{
        padding: 13px 14px;
        font-size: 13px;
    }

    .promo_list li {margin-right: 12px; font-size: 13px;}
    .iner_buy h4{font-size: 20px;}
    .plot li:last-child{margin-bottom: 0;}

    /* community page start*/

    .community_images_block .img_block{
        margin-bottom: 30px;
    }
    .community_images_block .img_block .textwithimg{
        top:0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 100%;
    }
    .property_description_area{
        margin: 0;
    }
    .property_brand{
        margin-top: 30px;
    }
    .property_action_btn a{
        width:46%;
        display: inline-block;
        padding: 8px 8px;
    }
    .why_area{
        margin-top: 20px;
    }
    .amenities_cont ul li{
        width:50%;
    }
    /* community page end*/

    /* referral page start */
    .Referral_form .form-group{padding-right: 5px;     margin-bottom: 15px;}
    /* referral page end */

    /***** servcie start *****/
    .transpo-info{
        margin-bottom: 1rem;
    }
    .taxi-info ul{
        flex-flow: column;
    }
    .taxi-info ul li{
        width: 100%;
        border-right: 0;
        border-bottom: 0.125rem solid #fff;
    }
    .medicaltax-info{
        flex-flow: column;
    }
    .medicaltax-info .meditax-lt{
        width: 100%;
        padding: 1.25rem;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    .meditax-rt{
        border: 0;
        padding: 1.25rem;
    }

    .tariff_btn{
        margin-right: 0;
    }
    .outstanding_box span:last-child{
        width:37%;
    }
    /* 09.08.2019  service*/
    .plan_col:last-child{margin-bottom: 0;}
    .number_list li{font-size: 20px;}
    .emergency_number_box{margin-top: 15px;}
    .dnld_btn{display: inline-block;}
    .emergency_plan_box_wrapper{padding-right: 6%;}
    /***** Resident Portal Home Buy Start *****/
    .residential-panel .green_title{
        flex-flow: column;
    }
    .filter-drop {
        padding: 1rem 1.5rem 0;
    }
    /* service request css start */
    .service_search_form .submit_btn.bl_btn{padding: 14px 17px;}
    .info_content_wrapper{padding-left: 6%;}
    /* service request css end */

/****30-08-2019****/
.dropdown-content{width: 220px;}
.sub_sub_menu{left: 220px; width: 220px;}
/****30-08-2019****/




}
@media (max-width: 879px) {
    .green_box ul li:first-child, .blue_box ul li:first-child{
        width:34%
    }
    .green_bg.small_box h2, .green_bg.small_box .price, .blue_bg.small_box h2, .blue_bg.small_box .price {
        font-size: 12px;
        text-align: center;
    }
    .blue_bg h2, .blue_bg .price{
        font-size: 18px;
    }
    /* referral page start */
    .Referral_form label{font-size: 12px; font-weight: 500;}
    /* referral page end */
    /* 09.08.2019 */
    /* service */
    .number_list li{font-size: 16px;}
}
@media(min-width: 768px) and (max-width: 805px) {
    .tariff_btn{
        float: left;
    }
}
@media (max-width: 767px) {
    .search .paddingLeft55{
        padding-left: 25px !important;
    }
    .search article#post-1545 {
        padding-left: 30px;
    }
    .green_box ul li:first-child, .blue_box ul li:first-child, .green_box ul li, .blue_box ul li{
        width:100%;
        margin: 0 0 10px 0; 
    }
    .menu_area{
        left: -300px;
    }
    .content_area{
        padding-left: 0;
    }
    .logo{
        text-align: center;
        margin-bottom: 10px;
    }
    .account_area{
        float: none;
        /* text-align: center; */
    }
    .account_area .search{
        width:100%;
    }
    .menubar_icon{
        display: block;
        float: right;
        font-size:30px;
        cursor: pointer;
        color: #000;
        margin: 8px 0 !important;
    }
    .body_content{
        margin-top:173px;
    }
    .outstanding_box{
        flex-direction: column;
    }
    .outstanding_box span, .outstanding_box span .amount{
        font-size: 17px;
        text-align: center;
        margin: 15px 0;
    }
    .menu_area{
        position: fixed;
        width: 250px;
    }
    .icon{
        width:40px;
        height: 38px;
        background-size: 100%;
    }
    .menu_area ul li.active .icon{
        background-size: 100% !important;
    }
    .menu_area ul li:hover .icon{
        background-size: 100% !important;
    }
    .menu_area ul li{
        padding: 10px 0;
    }
    .menu_area{
        height: 100vh;
         overflow-y: auto; 
    }
    .cross_menu .fa-bars{
        display: none;
    }
    .fa-times-circle{
        display: none;
    }
    .cross_menu .fa-times-circle{
        display: block;
    }
    .cross_menu .hamburger-inner{
        transform: translate3d(0,10px,0) rotate(45deg);
    } 
    .cross_menu .hamburger-inner:before{
        transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
        opacity: 0;
    }
    .cross_menu .hamburger-inner:after{
        transform: translate3d(0,-20px,0) rotate(-90deg);
        bottom: -20px;
    }
    .header_area{
        z-index: 9;
    }

    .iner_buy h4{padding-top: 0;}
    .bl_btn{margin-bottom: 20px;}
    .F_right{float: left; margin-left:24px}
    .promo_box_text h4{min-height: auto;}

    /* .menubar_icon.cross_menu{
        margin: 13px 0 !important;
    } */

    /* community page start*/
    .community_images_block .img_block{
        margin-bottom:30px;
    }
    .community_images_block .col-md-3:last-child .img_block{
        margin-bottom: 0;
    }
    .property_brand{
        margin-top: 30px;
    }
    .amenities_cont{
        text-align: center;
    }
    .amenities_cont ul li{
        float: none;
        display: inline-block;
        width: auto;
        padding: 0 5px;
    }
    .community_images_block .img_block .textwithimg{
        top:0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .why_area{
        margin: 30px 0 0 0;
    }
    .property_action_btn a:last-child{
        margin-bottom: 0;
    }
    /* community page end*/

    /* 07.08.2019 */
    .green_title h5{font-size: 20px; margin-bottom: 7px;}

    /***** servcie start *****/
    .accro-blk{
        margin-right: 0;margin-left: 0;
    }
    /* .service-panel{
        padding-left: 6%;
    } */

    /*package listing*/
    .package-listing{
        padding-left: 6%;
    }
    /*event listing*/
    .event_calendar{
        padding-left: 6%;
    }
    .event_calendar .calendar .ui-datepicker th span {
        font-size: 1.25rem;
        line-height: 1.25rem;
        padding: 1.25rem 0;
    }
    .event_calendar .calendar .ui-state-default, .event_calendar .calendar .ui-widget-content .ui-state-default, .event_calendar .calendar .ui-widget-header .ui-state-default, .event_calendar .calendar .ui-button, .event_calendar .calendar .ui-button.ui-state-disabled:hover, html .event_calendar .calendar .ui-button.ui-state-disabled:active {
        padding: 1.25rem 0;
        font-size: 1.25rem;
        line-height: 1.25rem;
    }
    .event_calendar .calendar .ui-datepicker .ui-datepicker-title {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .event_calendar .calendar .ui-datepicker .ui-datepicker-next span, .event_calendar .calendar .ui-datepicker .ui-datepicker-prev span {
        font-size: 1rem;
        line-height: 2rem;
        padding: 0 0.625rem;
        min-width: inherit;
    }
    .event_calendar .calendar .ui-datepicker .ui-datepicker-next, .event_calendar .calendar .ui-datepicker .ui-datepicker-prev {
        height: 2.125rem;
    }
    .calendar{
        margin-bottom: 2rem;
    }

    /* service request css start */
    .service_search_form .submit_btn.bl_btn{margin-bottom: 0; margin-top: 20px;}
    .search_wrapper{padding-right: 6%;}
    .pagination_box .pagination li a, .pagination_box .pagination li span{padding: 3px 7px;}
    .pagination_box .pagination li + li{margin: 0 5px;}
    /* service request css end */

/******30-08-2019******/
  .dropdown-content{left: 250px;}
  .sub_sub_menu{opacity:1; left: 0; top: 35px; box-shadow: 0px 8px 5px 0px rgba(0,0,0,0.2);}
  .sub_sub_menu li a{padding:0 10px 0 50px;}
/*****30-08-2019*****/

}
@media (max-width: 627px) {
    .account_area .search {
        width: 100%;
    }
}
@media (min-width: 576px){
    .footer_menu_wrapper ul.footer_menulist, .promo_list, .footer_menu_wrapper .footer_social {
        -ms-flex-direction: row;
        flex-direction: row;
        flex-wrap: wrap;
    } 
    /* service request css start */
    .progress_box{margin-bottom: 15px;}
    /* service request css end */
}
@media (max-width: 575px){
    .footer_menulist li a:before{background: transparent;}
    .footer_menu_wrapper .footer_social{-ms-flex-direction: row; flex-direction: row; flex-wrap: wrap;}

    /* community page start*/
    .property_logo, .property_hedaing{
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .property_action_btn a{
        width: 100%;
        text-align: center;
    }
    .property_subtitle{
        font-size: 18px;
    }
    
    /* community page end*/

    /***** servcie start *****/
    .service-infolist ul{
        margin: 0;
    }
    .service-infolist ul li{
        width: 100%;
        margin: 0 0 1.5rem 0;
    }
    .transpo-info{
        margin: 0;
        flex-flow: column;
    }
    .transpo-info .transpo-item{
        margin: 0 0 1rem 0;
        width: 100%;
    }
    .tariff_btn{
        margin-right: 0;
    }
    /* 09.08.2019 */
    .plan_one{flex-direction: column;}
    .plan_left:after{right: 50%; bottom: -22px; top: inherit; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #0956B0; border-bottom: none; 
        -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
    .plan_four:after{border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #1B8AC2; border-top: transparent; left: inherit; bottom: inherit; top: -7px;}
    .service-panel .accordion-pan h1{font-size: 20px; width: 81%;}
    .number_list li a{display: block;}
    /* service request css start */
    .result_box{text-align: left; margin-top: 20px;}
    /* service request css end */

        
}
@media (max-width: 550px) {
	.content_wrapper
	{
		padding-top:60px;
	}
    .tariff_btn{
        margin-right: 0;
        float: none;
        display:inline-block;
        margin-top: 20px;
    }
}
@media (max-width: 535px) {
    .account_area .search {
        width: 30%;
    }
    .account_area span{
        margin: 0 12px;
    }

/*****30-08-2019*****/
.dropdown-content{left: 0; top: 77px; width: 250px;}
.sub_sub_menu{width: 250px;}
.dropdown-content .sub_sub_menu{top: 35px;}
/*****30-08-2019*****/
/***02-09-2019****/
.dropdown_hover:hover .dropdown_content_new{z-index: 1;}
/***02-09-2019****/

}
@media (max-width: 430px) {
    .account_area .search {
        width: 100%;
    }
    .account_area span{
        margin: 0 5px;
    }
    h1{
        font-size: 25px;
    }
}
@media (max-width: 399px){
    .plot li{margin-bottom: 10px;}
}
@media (max-width: 339px) {
    .account_area .search_area{
        display: inline-block;
        width:60%;
    }
    .account_area .search{
        width:100%;
        margin-top: 10px;
    }
    .account_area .search_btn{
        top:23px;
    }
    .body_content {
        margin-top: 225px;
    }
    .user_img_area{
        text-align: center;
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    /* 07.08.2019 */
    .green_title h5{font-size: 17px;}
}


@media (min-width: 1500px) {

    .login-box{ height:650px; }

}

@media (max-width: 1499px) and (min-width: 992px) {

    .login-box{ height:525px; }
}

@media (max-width: 1499px) {

    .login-box { max-width: 1050px; }

    .login-logo-area { margin-bottom: 15px; }

    .login-logo-area img { max-width: 245px; }

    .login-welcome-panel { height: 595px; }

    .login-form-sctn .form-sctn-heading { font-size: 32px; line-height: 32px; margin: 0px 0px 15px 0px; }

    .login-form-sctn .form-sctn-heading-2 { font-size: 30px; line-height: 32px; margin: 0px 0px 15px 0px; letter-spacing: 2px; }

    .login-welcome-panel h1, .login-welcome-panel h2{ font-size:32px; line-height: 32px; }

    .login-form-sctn .check-area { margin: 10px 0px 0px 0px; }

    .login-box .action-area { margin: 15px 0px 0px; }

    .login-box .contact-info { margin: 15px 0px 0px 0px; }

    .login-box .contact-info, .login-box .login-form-sctn .check-area { font-size: 14px; }

}




@media (max-width: 991px) {

    .login-box { max-width: 560px; top:50%; bottom:auto; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); }

    .login-logo-area { margin-top: 15px; }

    .login-box-left-sctn{ padding:0px; height:auto; width:100%; }

    .login-welcome-panel h1, .login-welcome-panel h2{ display:none; }

    .login-box-right-sctn{ padding:20px 0px; height:auto; width:100%; }

    .login-icon{ display:none; }

    .login-welcome-panel{ height:auto; padding:10px 0px; }

    .login-welcome-panel:after{ display:none; }

}

@media (max-width: 767px) {

    .login-box { max-width: 360px; }

    .login-logo-area{ margin:0px; }

    .login-logo-area img { max-width: 125px; }

    .login-form-sctn .forgot-pass-link { float: left; margin: 5px 0px 10px 0px; }

    .login-form-sctn .form-sctn-heading, .login-form-sctn .form-sctn-heading-2 { font-size: 20px;  line-height: 22px; margin: 0px 0px 10px 0px; }

    .heading-deco:after {  bottom: 8px; }

    .login-form-sctn input[type=text].form-control, .login-form-sctn input[type=email].form-control, .login-form-sctn input[type=password].form-control{ height:40px; }

    .login-btn {  height: 40px; padding: 6px 20px; font-size: 13px; }

    .login-box .action-area { margin: 0px 0px 0px; }

}

@media (max-width: 480px) {
	#loading-image {
    position: fixed;
    top: 37%;
    left: 25%;
    z-index: 100;
}

    .login-box { max-width: 300px; }

    .login-form-sctn .form-control::-webkit-input-placeholder { color: #fff; text-overflow: ellipsis; font-size: 12px; font-weight:300; }

    .login-form-sctn .form-control::-moz-placeholder { color: #fff; text-overflow: ellipsis; opacity: 1; font-size: 12px; font-weight:300; }

    .login-form-sctn .form-control:-ms-input-placeholder { color: #fff; text-overflow: ellipsis; opacity: 1; font-size: 12px; font-weight:300; }

    .login-form-sctn input[type=text].form-control, .login-form-sctn input[type=email].form-control, .login-form-sctn input[type=password].form-control { height: 30px; font-size: 12px; }

    .login-box .contact-info, .login-box .login-form-sctn .check-area { font-size: 12px; }
	.content_area{
    margin-top: -67px;
}
    
}