@media (min-width:1280px) {

    .triangle-topleft {
        /*width: 0;*/
        height: 0;
        border-right: 21px solid transparent;
        border-top: 130px solid #ffebeb;

    }
    .pp0{

        font-size: 30px;
        left: 25px;
        top: 25px;
        }

    .triangle-bottomright 
    {
        width: 0;
        border-bottom: 160px solid #F8F829;
        border-left: 176px solid rgba(90, 19, 19, 0);
        height: 0;
        position: absolute;
        top: 0;
    }
    /*.part2{height: 150px;}*/
    
    .pp1{   font-size: 30px;
            left: -65px;
            top: 87px;}


}

@media (min-width:1366px) {
    .triangle-topleft {
        /*width: 0;*/
        height: 0;
        border-right: 21px solid transparent;
        border-top: 130px solid #ffebeb;

    }
    .pp0{
           font-size: 30px;
           /* left: -40px; */
           top: 25px;
           }

    .triangle-bottomright {
        width: 0;
        border-bottom: 160px solid #FFF800;
        border-left: 185px solid transparent;
        height: 0;
        position: absolute;
        top: 0;
    }
    /*.part2{height: 150px;}*/
    .fc-border-separate td div { /*width:100% !important;*/ }
    .fc-border-separate td div {/* width:192px !important; */}
    .calendermain .fc-border-separate td div { width:100% !important;}
    /*.calendermain .fc-border-separate td div { width:192px !important;}*/
    .pp1{
            font-size:30px;
            top: 87px;
            z-index: 100;
            /*left: 100px;*/
            }
}

@media (min-width:1440px) {
    .triangle-topleft {
        /*width: 0;*/
        height: 0;
        border-right: 21px solid transparent;
        border-top: 130px solid #ffebeb;

    }
    .pp0{  font-size: 30px;
           left: -40px;
           top: 15px;}

    .triangle-bottomright {
        /*width: 0;*/
        border-bottom: 158px solid #ffffe1;
        border-left: 172px solid transparent;
        height: 0;
        position: relative;
        top: -130px;
    }
    .part2{height: 150px;}
    .fc-border-separate td div { /*width:196px !important;*/}
    .pp1{   font-size:30px;
            left: -50px;
            top: 87px;}
}

@media (min-width:1600px) {
    .triangle-topleft {
        /*width: 0;*/
        height: 0;
        border-right: 21px solid transparent;
        border-top: 130px solid #ffebeb;

    }
    .pp0{  font-size: 30px;
           left: -40px;
           top: 15px;}

    .triangle-bottomright {
        /*width: 0;*/
        border-bottom: 159px solid #ffffe1;
        border-left: 204px solid transparent;
        height: 0;
        position: relative;
        top: -130px;
    }
    .part2{height: 150px;}
    .fc-border-separate td div { /*width:233px !important;*/}
    .pp1{   font-size:30px;
            left: -50px;
            top: 87px;}
}




@media (max-width:1024px) {

    .triangle-topleft {
        /*width: 0;*/
        height: 0;
        border-right: 21px solid transparent;
        border-top: 130px solid #ffebeb;

    }
    .pp0{  font-size: 30px;
           left: -40px;
           top: 15px;}

    .triangle-bottomright {
        /*width: 0;*/
        border-bottom: 158px solid #ffffe1;
        border-left: 118px solid transparent;
        height: 0;
        position: relative;
        top: -130px;
    }
    .part2{height: 150px;}
    .fc-border-separate td div { width:135px !important;}
    .pp1{   font-size:30px;
            left: -50px;
            top: 87px;}
    .personal-task tbody tr td {
        border-color: #eeeff1;
        padding:11px 5px;
    }
    .product-list .pro-img-box {
        border-bottom: 2px solid #eee;
        height: 145px;
        position: relative;
    }
    .adtocart {
        bottom: 95px;
        left: 30%;
    }
    .propertynofiy {

        bottom: 128px;


        left: 80%;

    }
    .propefilterhight{ height: auto;}
    .propevntdate {
        float: left;
        width: 30%;
    }
    .propevnttime {
        float: left;
        width: 35%;
    }
    .propevnttime {

        padding: 0;
        text-align: center;
    }
    .pedleft{padding-left:0px; width:25%;}
    .product-list .pro-img-box {
        border-bottom: 2px solid #eee;
        height: auto;
        position: relative;
    }
    .btn-block {

        width: 95%;
    }
}


@media (min-width: 980px) {
    /*-----*/
    .custom-bar-chart {
        margin-bottom: 40px;
    }
    
}
@media (max-width: 800px) {

    .triangle-topleft {
        /*width: 0;*/
        height: 0;
        border-right: 21px solid transparent;
        border-top: 130px solid #ffebeb;

    }
    .pp0{  font-size: 30px;
           left: 40px;
           top: -81px;}

    .triangle-bottomright {
        /*width: 0;*/
        border-bottom: 100px solid #ffffe1;
        border-left: 57px solid transparent;
        height: 0;
        position: relative;
        top: -130px;
    }
    .part2{height: 150px;}
    .pp1{   font-size: 30px;
            left: -43px;
            top: -13px;}
    .mrg1{ padding-left:0px !important;}
    .adtocart {
        bottom: 95px;
        left: 32%;
    }
    .propertyicon {
        height: 55px;
        margin-top: 33px;
        padding: 0;
        width: 50px;
    }
    .pedleft{padding-left:10px; padding-right:5px;}
    .propefilterhight{ height: auto;}
}

@media (min-width: 768px) and (max-width: 979px) {

    .mail-box .sm-side {
        width: 30%;
    }

    .mail-box .lg-side {
        width: 70%;
    }
    /*-----*/
    .custom-bar-chart {
        margin-bottom: 40px;
    }
    /*chat room*/

    .chat-room aside {
        display: block;
    }
    .chat-room .left-side, .chat-room .mid-side, .chat-room .right-side, .chat-room .left-side footer {
        width: 100%;
    }

    .chat-room .left-side footer {
        position: relative;
    }

    ul.chat-user {
        margin-bottom: 20px;
    }

    .chat-room .left-side , .chat-room .mid-side{
        margin-bottom: 10px;

    }

    .chat-room .left-side .user-head , .chat-room-head, .chat-room .right-side .user-head{
        border-radius: 4px 4px 0 0;
        -webit-border-radius: 4px 4px 0 0;
    }
    .chat-room .left-side footer {
        border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
    }
    /**/
    .chat-room .right-side .user-head {
        float: left;
        width: 100%;
    }

    .chat-room .mid-side footer {
        position: relative;
        float: left;
        width: 100%;
        border-right: 0;
    }

    .chat-txt {
        width: 65%;
    }

    .chat-room .right-side footer {
        width: 100%;
        position: relative;
    }

    .chat-room .mid-side {
        margin-bottom: 0!important;
    }
    .mrg1{ padding-left:0px !important;}
    .personal-task tbody tr td {
        border-color: #eeeff1;
        padding: 7px;
    }

    .propefilterhight{ height: auto;}

}

@media (max-width: 768px) {

    .header {
        position: fixed;
    }

    /*sidebar*/

    #sidebar {
        height: auto;
        overflow: hidden;
        position: absolute;
        width: 100%;
        z-index: 1001;
    }


    /* body container */
    #main-content {
        margin: 0px!important;
        position: none !important;
    }

    #sidebar > ul > li > a > span {
        line-height: 35px;
    }

    #sidebar > ul > li {
        margin: 0 10px 5px 10px;
    }
    #sidebar > ul > li > a {
        height:35px;
        line-height:35px;
        padding: 0 10px;
        text-align: left;
    }
    #sidebar > ul > li > a i{
        /*display: none !important;*/
    }

    .mail-info, .mail-info:hover {
        display: none !important;
    }
    #sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
        margin-right: 10px;
        margin-top: 15px;
    }

    #sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow,
    #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open{
        margin-top: 15px;
    }

    #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
        width: 100%;
    }
    #sidebar > ul > li > ul.sub > li > a {
        background: transparent !important ;
    }
    #sidebar > ul > li > ul.sub > li > a:hover {
        /*background: #4A8BC2 !important ;*/
    }


    /* sidebar */
    #sidebar {
        margin: 0px !important;
    }

    /* sidebar collabler */
    #sidebar .btn-navbar.collapsed .arrow {
        display: none;
    }

    #sidebar .btn-navbar .arrow {
        position: absolute;
        right: 35px;
        width: 0;
        height: 0;
        top:48px;
        border-bottom: 15px solid #282e36;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }


    /*---------*/

    .btn {
        margin-bottom: 5px;
    }


    .mail-box aside {
        display: block;
    }

    .mail-box .sm-side , .mail-box .lg-side{
        width: 100% ;
    }

    /* full calendar fix */
    .fc-header-right {
        left:25px;
        position: absolute;
    }

    .fc-header-left .fc-button {
        margin: 0px !important;
        top: -10px !important;
    }

    .fc-header-right .fc-button {
        margin: 0px !important;
        top: -50px !important;
    }

    .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
        background: none !important;
        color: #FFFFFF !important;
    }

    .fc-state-default, .fc-state-default .fc-button-inner {
        background: none !important;
    }

    .fc-button {
        border: none !important;
        margin-right: 2px;
    }

    .fc-view {
        top: 0px !important;
    }

    .fc-button .fc-button-inner {
        margin: 0px !important;
        padding: 2px !important;
        border: none !important;
        margin-right: 2px !important;
        background-color: #fafafa !important;
        background-image: -moz-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)) !important;
        background-image: -webkit-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: -o-linear-gradient(top, #fafafa, #efefef) !important;
        background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0) !important;
        -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important;
        color: #646464 !important;
        border: 1px solid #ddd !important;
        text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
        text-align: center;
    }

    .fc-button.fc-button-prev .fc-button-inner, .fc-button.fc-button-next .fc-button-inner {
        padding:0 !important; border:none !important; 
    }

    .fc-button.fc-button-prev, .fc-button.fc-button-next { margin:2px 0 0 0 !important  }

    .fc-button.fc-state-disabled .fc-button-inner {
        color: #bcbbbb !important;
    }

    .fc-button.fc-state-active .fc-button-inner {
        background-color: #e5e4e4 !important;
        background-image: -moz-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e4e4), to(#dddcdc)) !important;
        background-image: -webkit-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: -o-linear-gradient(top, #e5e4e4, #dddcdc) !important;
        background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
        filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0) !important;
    }

    .fc-content {
        margin-top: 50px;
    }

    .fc-header-title h2 {
        line-height: 40px !important;
        font-size: 12px !important;
    }

    .fc-header {
        margin-bottom:0px !important;
    }

    /*--*/

    /*.chart-position {*/
    /*margin-top: 0px;*/
    /*}*/

    .timeline-desk .album a {
        margin-bottom: 5px;
        margin-right: 4px;
    }

    .stepy-titles li {
        margin: 10px 3px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }

    .boxed-page .container #sidebar {
        position:absolute;
    }

    /*--horizontal menu--*/
    .full-width .navbar-toggle {
        border: 1px solid #eaeaea;
    }
    .full-width .navbar-toggle .icon-bar {
        background: #c7c7c7;
    }

    .full-width .navbar-toggle {
        float: left;
        margin-top: 12px;
    }

    .horizontal-menu {
        float: left;
        margin-left:0px;
        width: 70%;
        margin-top: 10px;
    }

    .top-nav {
        position: absolute;
        right: 10px;
        top: 0px;
    }

    .horizontal-menu .navbar-nav > li > a {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    /*-----*/
    .custom-bar-chart {
        margin-bottom: 40px;
    }

    /*menu icon plus minus*/
    .dcjq-icon {
        top: 10px;
    }
    ul.sidebar-menu li ul.sub li a {
        padding: 0;
    }

    /*---*/

    .img-responsive {
        width: 100%;
    }
    .triangle-topleft {
        /*width: 0;*/
        height: 0;
        border-right: 21px solid transparent;
        border-top: 130px solid #ffebeb;

    }
    .pp0{  font-size: 30px;
           left: -15px;
           top: 30px;}

    .triangle-bottomright {
        /*width: 0;*/
        border-bottom: 158px solid #ffffe1;
        border-left: 98px solid transparent;
        height: 0;
        position: relative;
        top: -130px;
    }
    .triangle-topleftR {
    /* width: 0; */
    border-right: 107px solid transparent;
    border-top: 132px solid #ffebeb;
    height: 0;}
    .part2{height: 150px;}
    .fc-border-separate td div { width:90px !important;}
    .pp1{  font-size: 30px;
           left: -52px;
           top: 87px;}
    .equipmentsname {
        font-size: 17px;
        padding-top: 7px;}
    .mrg1{ padding-left:0px !important;}

    .adtocart {
        bottom: 95px;
        left: 38%;
    }
    .propertyicon {
        height: 55px;
        margin-top: 24px;
        padding: 0;
        width: 66px;
    }
    .propefilterhight{ height: auto;}
    .propevntdate {
        float: left;
        width: 35%;
    }
    .propevnttime {
        float: left;
        width: 35%;
    }
    .propevnttime {

        padding: 0;
        text-align: center;
    }
    .btn-block {
        width: 49%; float:left;
    }
    .product-list .pro-img-box {
        border-bottom: 2px solid #eee;
        height: auto;
        position: relative;
    }
    .addvenuebtn {


        left: 39%;
        bottom:60px;
        line-height:24px;
    }
}

@media (max-width: 640px) {
    .triangle-topleft {
        /*width: 0;*/
        height: 0;
        border-right: 21px solid transparent;
        border-top: 130px solid #ffebeb;

    }
    .pp0{ font-size: 30px;
          left: 45px;
          top: -82px;}

    .triangle-bottomright {
        /*width: 0;*/
        border-bottom: 100px solid #ffffe1;
        border-left: 64px solid transparent;
        height: 0;
        position: relative;
        top: -130px;
    }
    .part2{height: 150px;}
    .pp1{ font-size: 30px;
          left: -50px;
          top: -10px;}
    .pp1{ font-size: 22px;
          left: -33px;
          top: -4px;}
    .dd1{ 
        font-size: 20px;
        height: 50px;
        text-align: center;
        padding-top:10px;
        width: 50%;}
    .dd2{ 
        font-size: 20px;
        height: 50px;
        text-align: center;
        padding-top:10px;
        width: 50%;}
    .dd3{
        font-size: 20px;
        height: 80px;
        text-align: center;
        width: 100%;}
    .part3{height: 130px;}
    .equipmentsname {
        font-size: 17px;
        padding-top: 7px;}
    .mrg1{ padding-left:0px !important;}
    /*chat room*/

    .chat-room aside {
        display: block;
    }
    .chat-room .left-side, .chat-room .mid-side, .chat-room .right-side, .chat-room .left-side footer {
        width: 100%;
    }

    .chat-room .left-side footer {
        position: relative;
    }

    ul.chat-user {
        margin-bottom: 20px;
    }

    .chat-room .left-side , .chat-room .mid-side{
        margin-bottom: 10px;

    }

    .chat-room .left-side .user-head , .chat-room-head, .chat-room .right-side .user-head{
        border-radius: 4px 4px 0 0;
        -webit-border-radius: 4px 4px 0 0;
    }
    .chat-room .left-side footer {
        border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
    }

    /**/
    .chat-room .right-side .user-head {
        width: 100%;
        float: left;
    }

    .chat-room .mid-side footer {
        position: relative;
        float: left;
        width: 100%;
        border-right: 0;
    }

    .chat-txt {
        width: 65%;
    }

    .chat-room .right-side footer {
        width: 100%;
        position: relative;
    }

    .chat-room .mid-side {
        margin-bottom: 0!important;
    }
    .propefilterhight{ height: auto;}
}



@media (max-width: 480px) {

    .notify-row, .search, .dont-show , .inbox-head .sr-input{
        display: none;
    }
    .wrapper { padding: 15px !important; }

    .mail-box aside {
        display: block;
    }

    .mail-box .sm-side , .mail-box .lg-side{
        width: 100% ;
    }

    #top_menu .nav > li, ul.top-menu > li {
        float: right;
    }
    .hidden-phone {
        display: none !important;
    }

    .dataTables_filter {
        text-align:right;
        width:115px;
        margin-right:3px
    }
    .adv-table .dataTables_filter label input { width:110px; }

    .dataTables_info {
        margin-bottom: 10px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }

    .mail-option .inbox-pagination {
        margin-top: 10px;
        float: left;
    }

    .chart-position {
        margin-top: 0px;
    }
    /*--horizontal menu--*/
    .full-width .navbar-toggle {
        border: 1px solid #eaeaea;
    }
    .full-width .navbar-toggle .icon-bar {
        background: #c7c7c7;
    }

    .full-width .navbar-toggle {
        float: left;
        margin-top: 12px;
    }

    .horizontal-menu {
        float: left;
        margin-left:0px;
        width: 100%;
    }

    .top-nav {
        position: absolute;
        right: 10px;
        top: 0px;
    }

    .horizontal-menu .navbar-nav > li > a {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .ms-container {
        width: 100%;
    }
    /*chat room*/

    .chat-room aside {
        display: block;
    }
    .chat-room .left-side, .chat-room .mid-side, .chat-room .right-side, .chat-room .left-side footer {
        width: 100%;
    }

    .chat-room .left-side footer {
        position: relative;
    }

    ul.chat-user {
        margin-bottom: 20px;
    }

    .chat-room .left-side , .chat-room .mid-side{
        margin-bottom: 10px;

    }

    .chat-room .left-side .user-head , .chat-room-head, .chat-room .right-side .user-head{
        border-radius: 4px 4px 0 0;
        -webit-border-radius: 4px 4px 0 0;
    }
    .chat-room .left-side footer {
        border-radius: 0 0 4px 4px;
        -webkit-border-radius: 0 0 4px 4px;
    }

    /**/
    .chat-room .right-side .user-head {
        width: 100%;
        float: left;
    }

    .chat-room .mid-side footer {
        position: relative;
        float: left;
        width: 100%;
        border-right: 0;
    }

    .chat-txt {
        width: 65%;
    }

    .chat-room .right-side footer {
        width: 100%;
        position: relative;
    }

    .chat-room .mid-side {
        margin-bottom: 0!important;
    }
    .triangle-topleft {
        /*width: 0;*/
        height: 0;
        border-right: 21px solid transparent;
        border-top: 130px solid #ffebeb;

    }
    .pp0{ font-size: 22px;
          left: 35px;
          top: -74px;}

    .triangle-bottomright {
        /*width: 0;*/
        border-bottom: 100px solid #ffffe1;
        border-left: 45px solid transparent;
        height: 0;
        position: relative;
        top: -130px;
    }
    .part2{height: 150px;}
    .pp1{ font-size: 22px;
          left: -33px;
          top: -4px;}
    .dd1{ 
        font-size: 18px;
        height: 50px;
        text-align: center;
        padding-top:10px;
        width: 50%;}
    .dd2{ 
        font-size: 18px;
        height: 50px;
        text-align: center;
        padding-top:10px;
        width: 50%;}
    .dd3{
        font-size: 18px;
        height: 80px;
        text-align: center;
        width: 100%;}
    .part3{height: 130px;}
    .equipmentsname {
        font-size: 15px;
        padding-top: 7px;}
    .mrg1{ padding-left:0px !important;}
    .propefilterhight{ height: auto;}

}
@media (max-width: 1215px){

    .triangle-topleftR {
        border-right: 162px solid #F01C1F ;
        border-top: 160px solid #F01C1F;
    }
    
    .triangle-bottomright {
        border-bottom: 160px solid #F8F829;
        border-left: 164px solid transparent;
        position: absolute;
        top: 0;
    }

    .part2
    {
        /*height: 150px;*/
        width : 163px !important;
    }


}

@media (max-width:360px) {
    .sz{width:638px;}
    .recipebox6 {
        margin-left: -40px;
        padding-left: 0;
        width: 20.66% !important;
    }
    .triangle-topleft {
        /*width: 0;*/
        height: 0;
        border-right: 21px solid transparent;
        border-top: 130px solid #ffebeb;

    }
    .pp0{ font-size: 22px;
          left: 18px;
          top: -74px;}

    .triangle-bottomright {
        /*width: 0;*/
        border-bottom: 100px solid #ffffe1;
        border-left: 23px solid transparent;
        height: 0;
        position: relative;
        top: -130px;
    }
    .part2{height: 150px;}
    .pp1{left: -20px;top: -2px; font-size:22px;}
    .dd1{ 
        font-size: 15px;
        height: 50px;
        text-align: center;
        padding-top:10px;
        width: 50%;}
    .dd2{ 
        font-size: 15px;
        height: 50px;
        text-align: center;
        padding-top:10px;
        width: 50%;}
    .dd3{
        font-size: 15px;
        height: 80px;
        text-align: center;
        width: 100%;}
    .part3{height: 130px;}
    .monthfloating{ float: none; margin-right: 0px;}
    .equipmentsname{ font-size: 14px;}
    .mrg1{ padding-left:0px !important;}
    .personal-task tbody tr td {
        border-color: #eeeff1;
        padding: 10px;
    }
    .propertyicon {
        margin-top: 5px;
        padding:0px;
        width:100px;
        height:100px;
    }
    .adtocart {
        bottom: 76px;
        left: 41%;
    }
    .product-list .pro-img-box {
        border-bottom: 2px solid #eee;
        height: auto;
        position: relative;
    }
    .propefilterhight{ height: auto;}
    .pedleft{padding-left:15px;width:48%; float:left;}
    .addvenuebtn {


        left: 39%;
        bottom:60px;
        line-height:24px;
    }
    .btn-block {
        float: left;
        width: 47%;
    }
    .propevntdate {
        float: left;
        width: 80%;
    }
    .propevnttime {
        padding-left:28px;
        text-align: left;
    }
    .propevnttime {
        float: left;
        width: 84%;
    }

}

@media (max-width:320px) {
    .login-social-link a {
        padding: 15px 17px !important;
    }

    .notify-row, .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {
        display: none;
    }

    .mail-box aside {
        display: block ;
    }

    .mail-box .sm-side , .mail-box .lg-side{
        width: 100% ;
    }

    #top_menu .nav > li, ul.top-menu > li {
        float: right;
    }

    .hidden-phone {
        display: none !important;
    }

    .dataTables_filter {
        float: left;
    }

    .dataTables_info {
        margin-bottom: 10px;
    }

    .mail-option .btn {
        margin-bottom: 0;
    }

    .mail-option .inbox-pagination {
        margin-top: 10px;
        float: left;
    }

    .chart-position {
        margin-top: 0px;
    }

    .lock-wrapper {
        margin: 10% auto;
        max-width: 310px;
    }
    .lock-input {
        width: 82%;
    }
    .triangle-topleft {
        /*width: 0;*/
        height: 0;
        border-right: 21px solid transparent;
        border-top: 130px solid #ffebeb;

    }
    .pp0{ font-size: 22px;
          left: 18px;
          top: -74px;}

    .triangle-bottomright {
        /*width: 0;*/
        border-bottom: 100px solid #ffffe1;
        border-left: 23px solid transparent;
        height: 0;
        position: relative;
        top: -130px;
    }
    .part2{height: 150px;}
    .pp1{left: -20px;top: -2px; font-size:22px;}
    .monthfloating{ float: none; margin-right: 0px;}
    .equipmentsname{ font-size: 12px;}
    .mrg1{ padding-left:0px !important;}
    .lineitemlineh{line-height: 15px;}
    .resplineitem{float: left !important;
                  margin-right: 3%;}
    .resplineitem1{ float: left !important;margin-right: 9%;width: 45% !important;}
    .resplineitem2{ float: left !important;width: 45% !important;}
    .personal-task tbody tr td {
        border-color: #eeeff1;
        padding: 10px;
    }
    .propertyicon {
        margin-top: 5px;
        padding:0px;
        width:100px;
        height:100px;
    }
    .adtocart {
        bottom: 76px;
        left: 41%;
    }
    .propefilterhight{ height: auto;}
    .product-list .pro-img-box {
        border-bottom: 2px solid #eee;
        height: auto;
        position: relative;
    }
    .pedleft{padding-left:15px;width:48%; float:left;}
    .addvenuebtn {


        left: 39%;
        bottom:60px;
        line-height:24px;
    }
    .btn-block {
        float: left;
        width: 47%;
    }
    .propevntdate {
        float: left;
        width: 80%;
    }
    .propevnttime {
        padding-left:28px;
        text-align: left;
    }
    .propevnttime {
        float: left;
        width: 84%;
    }
}



@media(min-width:360px) and (max-width:640px) {
    .sz{width:481px;}
    .recipebox6 {
        margin-left: -55px;
        padding-left: 13px;
        width: 29.66% !important;
    }
    .adisp {
        display: inline !important;
        margin-bottom: 11px;
        margin-right: 4px;
    }


}

@media (min-width: 1920px) {
    .triangle-topleft {
        border-right: 125px solid transparent;
        border-top: 130px solid #ffebeb;
        height: 0;}
    .pp0{font-size: 40px;
         /*    left: 60px;
             position: relative;
             top: -132px;*/
         z-index: 1000;}
    .triangle-bottomright {
        border-bottom: 202px solid #ffffe1;
        border-left: 233px solid transparent;
        height: 0;
        /*    position: relative;*/
        top: -130px;}
    .fc-border-separate td div { /*width:264px !important;*/}
    .part2{height: 160px; }
    .pp1{ font-size: 40px;
          /*    left: -50px;*/
          /*    position: relative;
              top: 66px;}*/}
    .iq {
        font-size: 30px;
        height: 128px;
        /*    text-align: center;*/
        width: 100%;}
    .dd1 {
        background-color: #ffebeb;
        float: left;
        font-size: 30px;
        height: 85px;
        padding-top: 20px;
        text-align: center;
        width: 50%;
    }
    .dd2 {
        background-color: #ffffe1;
        float: left;
        font-size: 30px;
        height: 85px;
        padding-top: 20px;
        text-align: center;
        width: 50%;
    }
    .dd3 {
        background-color: #f1ffeb;
        font-size: 30px;
        height: 148px;
        padding-top: 96px;
        text-align: center;
        width: 100%;
    }
    .product-list img {
        border-radius: 4px 4px 0 0;
        width: 100px;
    }
    .adtocart {
        bottom: 94px;
        left: 41%;
    }
}

/*added by Mehul @ 19/6/2015*/
/* Portrait and Landscape */
.ajaxLoader {
    left: 50%;
    margin-left: -225px;
}
.addvenuebtn {
    left: 50%;
    margin-left: -20px;
}
.pedleft {
    padding-left: 15px !important;
}
.nav-stacked .fa {
    width: 25px;
    padding: 0;
    margin: 0;
    text-align: center;
}
.activity.alt .activity-desk .panel {
    width: 122%;}
.weather-category ul li {
    width: 49%;}
.bio-row1 p span {
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    text-align: center;
}
.headerSearch .btn {
    width: 100px;
}
.carousel-inner img {
    width: 100%;
    height:auto;
}
.sendCheckBox li {
    float: left;
    width: 32%;
}
.sendCheckBox li{
    margin: 0 1% 0 0;
}
.propevnttime {
    text-align: left; 
}
.propertynofiyDateWise {
    margin: 0 5px;
}
.personal-task tbody tr td {
    padding: 11px 20px;
}
.row.product-list a .panel {
    position: relative;
}
.propertynofiy {
    text-align: center;
    left: auto; 
    bottom: auto;
    top: -2px;
    right: -2px;
}
.propertynofiyRoom {
    text-align: center;
    left: auto; 
    bottom: auto;
    top: -10px;
    right: -6px;
}
.form-signin .modal-header ,#deviceRegModal .modal-header{
    background-color: #78CD51;
}
.form-signin .modal-dialog input[type="text"],#deviceRegModal .modal-dialog input[type="text"]{
    background: #fff;
    border: 1px solid #ddd;
    color: #000;
}
.form-signin .modal-dialog input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
.form-signin .modal-dialog input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
    opacity:  1;
}
.form-signin .modal-dialog input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
    opacity:  1;
}
.form-signin .modal-dialog input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000;
}
#eventDetail .panel-group .panel {
    overflow: visible;}
#eventDetail .subheader {
    position: relative;
    /*overflow: auto;*/
}

#inqRemarkEditBlock { position: relative; overflow: visible; }
#eventDetail .editable-container.popover, #inqRemarkEditBlock .editable-container.popover {
    top: 20px !important;
    left: 10px !important;
}
 
#eventDetail .limited3 .editable-container.popover {
    left: auto !important;
    right: 190px;
    top: -30px !important;
}
.limited3 {width: 155px !important;}
div#eventDetail .col-lg-6 {
    width: 100%;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
    background-color: #78cd51;
}
.inquerytype label{
    width: 45%;
    display: inline-block;
}
.inquerytype1 label{
/*    width: 45%;*/
    display: inline-block;
}
.inquerymethod label {
    width: 45%;
    display: inline-block;
}
.inquerymethod1 label {
/*    width: 45%;*/
    display: inline-block;
}
.top-menu .btn.btn-success {
    margin-top: 2px;}
.calanderright .datepicker:after{
    right:7px;
    left:auto;
}
.calanderright .datepicker:before {
    left:auto;
    right: -7px;
}
.calanderrightev .datepicker:after{
    right:30px;
    left:auto;
}
.calanderrightev .datepicker:before {
    left:auto;
    right: 29px;
}
#inquiryTable ul.nav-tabs {
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0 5px 0 0;
}
#inquiryTable .nav-tabs li:nth-child(even) {
    width: 20%;
    color: #767676;
}
.indicator-wrap {
    float: right;
}
#inquiryTable .indicator-wrap .nav-tabs li:nth-child(even) {
    width: auto;
}
span.shift-wrap {
    display: table;
    width: 100%;
}
span.shift-wrap li{margin: 5px 0 0 0;}
span.shift-wrap li:nth-child(odd) {
    margin: 5px 10px 0 0;
}
.tableTitle {
    clear: both;
    display: table;
}
.recipebox8 {
    float: right;
}
@media (max-width: 1024px){
    .tooltip{
        display: none !important;
    }
    .col-lg-2.m-15.tooltips.no-padleft {
        padding-left: 15px;
    }
}
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {
    .tableDataCustomer {
        width: 100%;
        float: none;
        margin: 0 0 30px 0;
    }

    #currentEventHeader{
        font-size: 13px !important;
    }
    .pedleft {
        padding-left: 15px;
        padding-right: 15px;
    }
    .cusdes-eq{font-size: 16px}
    /*    .tabs-left > .nav-tabs {
            min-height: 30px !important;
            padding: 10px 0;
    
        }*/
    .input-wrap {
        margin: 0 15px;
    }
    .input-wrap .tooltips.timezone {
        margin: 0 -15px;
    }
    .col-lg-11.packages {
        width: 98.3%;
        padding-left: 27px;
    }
    #mainDetailPanel .table {
        width: 93.3%;
        margin-left: 2%;
    }
}
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 2) {
    .tableDataCustomer {
        width: 100%;
        float: none;
        margin: 0 0 30px 0;
    }

    #currentEventHeader{
        font-size: 12px !important;
    }
    .pedleft {
        padding-left: 15px;
        padding-right: 15px;
    }
    .cusdes-eq{font-size: 16px}
    /*    .tabs-left > .nav-tabs {
            min-height: 30px !important;
            padding: 10px 0;
    
        }*/
    .input-wrap {
        margin: 0 15px;
    }
    .input-wrap .tooltips.timezone {
        margin: 0 -15px;
    }
    .col-lg-11.packages {
        width: 94.3%;
        padding-left: 27px;
    }
    #mainDetailPanel .table {
        width: 93.3%;
        margin-left: 2%;
    }
}
@media (max-width: 976px) and (min-width: 768px){
    .headerSearch {
        width: 120px;
    }
    .profile-info .pedright {
        padding-right: 0;
        padding-left: 0;
    }
    .activity.alt .activity-desk .panel {
        width: 112%;
    }
    #groupList tr td:last-child {
        width: 100px;
    }
    #userList tr td:last-child {
        width: 100px;
    }

    #customerDetail .invoice-btn{
        text-align: left !important;
    }
    #customerDetail .tools a {
        margin: 10px 10px 0 0;}
    #customerDetail .panel-heading {
        font-size: 15px !important;
    }
    #eventDetail .panel-heading {
        font-size: 13px !important;
    }
    #eventDetail .panel-heading .eventheader {
        font-size: 12px;
        margin: 5px 0 0 0;
        display: inline-block;
    }
    span.tools.pull-right {
        margin: -3px 0 0 0;

    }
    .limited1 {
        width: 50% !important;}
    .odcCalender li,span.pull-right.monthListButton li {
        margin: 10px 0 0 5px;
    }
    .panel-body span.pull-right.monthListButton {
        width: 29% !important;
    }
    .eventCalender .pull-right {
        width: 35% !important;
    }
    #calendar .fc-header-right {
        width: 93%;
        float: right;
    }
    .inquerytype label {
        width: 40%;
        display: inline-block;
    }
    .inquerymethod label {
        width: 40%;
        display: inline-block;
    }
    .mail-box .lg-side {
        width: 100% !important;}
    .eventdetailing .mail-box .lg-side {
        width: 67% !important;
        float: left;
    }
    .eventListing li div.pull-right {
        text-align: right;
    }
    .propefilterhight {
        min-height: 200px !important;
    }
    #mainDetailPanel .table {
        width: 90.5%;
        margin-left: 2%;
    }
    .mail-box .sm-side {
        width: 100% !important;}
    .eventdetailing .mail-box .sm-side {
        width: 33% !important;
        float: left;
    }
    li.bookopts {
        width: 100%;
    }

}

@media (min-width: 992px){
    #eventbox .col-md-6 {
        width: 50%;
        display: inline-block;
        /*float: none !important;*/
    }
}
@media (min-width: 992px) and (max-width: 1024px){
    .panel-body span.pull-right.monthListButton {
        width: 23% !important;
    } 
    .propevnttime {
        width: auto;
    }

}
@media (min-width: 768px) and (max-width: 1024px){
    .eventCalender .col-lg-4 {
        padding: 0 15px 0 0;
    }
    .eventCalender .loadmore{float: right;}
    .eventCalender .todayview{width: 37%;}
}
@media (max-width: 768px){
    .profile-nav ul > li .fa {
        width: 35px;
        text-align: center;
    }
    .genie {
        display: inline;
    }
 .propevnttime {
        width: auto;
    }
}
@media (min-width: 800px){
    .modal-dialog {
        width: 800px;
    }
}
@media (min-width: 768px){
    #group .modal-dialog,#goalmaneg .modal-dialog ,#collectPayment .modal-dialog,#myModal .modal-dialog{
        width: 530px;
    }
}
@media (min-width: 1100px){
    .col-lg-11.packages {
        /*width: 96.3%;*/
        padding-left: 0;
    }
    .no-padleft {
        padding-left: 0;
    }
}
.modal-content {
    /*overflow: hidden;*/
}

/*modal*/
/* Effect 13: 3D slit */
.modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}
.modal {
    /*    position: fixed;
        top: 50%;
        left: 50%;
        width: 50%;
        max-width: 630px;
        min-width: 320px;
        height: auto;
        z-index: 2000;
        visibility: visible;
        -webkit-backface-visibility: visible;
        -moz-backface-visibility: visible;
        backface-visibility: hidden;*/
    /*    -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);*/
    /*overflow-y: scroll;*/
}
.modal-dialog {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
    -moz-transform: translateZ(-3000px) rotateY(90deg);
    -ms-transform: translateZ(-3000px) rotateY(90deg);
    transform: translateZ(-3000px) rotateY(90deg);
    opacity: 0;
}

.modal-dialog {
    -webkit-animation: slit .4s forwards ease-out;
    -moz-animation: slit .4s forwards ease-out;
    animation: slit .4s forwards ease-out;
}

@-webkit-keyframes slit {
    50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;}
    100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@-moz-keyframes slit {
    50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;}
    100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

@keyframes slit {
    50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
    100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}

/*Super scaled */
.closeanimate {
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
@media (min-width: 1200px){
    #redirectCal .modal-dialog {
        width: 20% !important; 
    }
    .modal-dialog {
        /*width: 80% !important;
         width: 900px; */
    }
}
.label_check{
    cursor: pointer;
}
li.bookopts .label_radio {
  display: block;
  clear: both;
  min-height: 21px;
  vertical-align: middle;
  margin: 3px 0;
}
li.bookopts .hideshowitem2,li.bookopts .hideshowitem{
  display: block;
}

/*==================== Added By Kinjal =================================== */


@media only screen and (max-width:1024px) {
    
    .modal-header { position: relative; }
    .bootstrap-timepicker table td input { width: 35px; }
    .modal-header .close { top:15px; right: 15px; position:absolute; z-index: 9;}
    .modal-header h4.modal-title { display: inline-block; }
    .card-dashboard-info .card-body { padding: 15px 10px; }
    .card-dashboard-info .card-icon { right:9px; top:9px; font-size: 20px; }
    .card-dashboard-info .card-h4-cust { font-size: 15px !important; } 
    .card-cust-body { padding: 15px 9px 15px 9px !important; }
    #followupSidebar.menubtn { right:6%; }
    #redirectCal .modal-dialog { width: 50% !important; }
    .modal-dialog { width: 80% !important; }
    #calendar { margin-top: 1%; }
    #calendarModal #calendar { margin-top: 1%; }
     .has-switch { width: 175px !important; }
    #hidden-table-info-Tabular_wrapper.dataTables_wrapper { overflow:scroll; width: 100%; }
    #myTable_wrapper.dataTables_wrapper  { overflow: auto; }
    .fc-grid .fc-day-content { height: 50px !important; }
    .fc-grid .fc-day-content a { display: inline-block; }
    .iq span { padding: 19%; }
    .iq { font-size: 24px; line-height: 26px; }
    .fc-grid .fc-day-number { width: 18% !important; }
    #inquiryTable .modal-header { display: inline-block; width:100%; }
    #inquiryTable .room-header { float: none !important; }
    #calendar .fc-view-month { overflow: auto; }
     .iqLanding span { padding: 11%; }
    #mailModal .modal-dialog { width: 80% !important; }    
    .modal-open { position: fixed; }
}
@media only screen and (max-width:992px) {
    #calendar .fc-header-left { width: 13%; }
    #calendar .fc-header-title h2 { margin-bottom: 0; }
    .eventdetailing .mail-box .sm-side { width: 100% !important; }
    .eventhgt { height: 320px !important; }
    .modal-dialog { width: 80% !important; }
    select.input-sm#custType { margin-bottom: 5px; }
    #followupSidebar.menubtn { right:8%; }
    #logoImgHeader { width:68px !important; }
    .top-nav { position: absolute; right: 10px; top: 0px; }
    .searchInq.headerSearch { width:150px; }    
    .tableDataCustomer span.tools.pull-right { margin: -1px 10px 0 0; }
    span.tools.pull-right a.fa-chevron-down { vertical-align: text-top; }
    .eventdetailing .mail-box .lg-side { width: 100% !important; }
    #customerDetail .tools a:last-child { margin-right: 0; }
    #customerDetail .panel-heading { float: left; }
    .bio-row1 { margin-bottom: 0; margin-top: 10px; width: 100%; float: left; }
    #customerDetail span.tools.pull-right, #OrderDetailId span.tools.pull-right { float: left !important; }
    #eventDetail #OrderDetailId .panel-heading { width: 100%; display: inline-block; }
    .close { line-height: 1 !important; }
    #flip-scroll tbody tr { width: 100%; }
    #flip-scroll td { min-height: 2.6em; }
    #createBilltoparty .modal-dialog , #collectPayment .modal-dialog, #returnPayment .modal-dialog, #searchcustomer .modal-dialog,     #Propertypop .modal-dialog, #calendarModal .modal-dialog, #inquiryTable .modal-dialog {  width: 80% !important; }
    #hidden-table-info-Tabular_wrapper.dataTables_wrapper { overflow:scroll; width: 100%; }
    .propertyField { margin-top: 10px; }
    .monthListButton { float: left !important; }
    #calendar .fc-header-right { position:inherit; }
    #calendar .fc-header-right .fc-button { top:-40px !important; }
    #calendar .fc-content { margin-top: 20px; }
    #calendar  .fc-header-title h2 { line-height: 25px !important; }
    #inquiryTable .inquiryTablePopup { width: auto; }
    #eventzPanel { height: auto !important; }
    .content-height { min-height: inherit; }
    .odcCalender li { margin-top: 0; }
   
    .flip-scroll table { display:inline-table !important; }
    .flip-scroll thead { display:table-header-group !important; float: none !important; }
    .flip-scroll thead tr { display: table-row !important; }
    .flip-scroll th { display: table-cell !important; text-align: left !important; }
    .flip-scroll tbody { display: table-row-group !important; }
    .flip-scroll td { display: table-cell !important; }
    .flip-scroll tbody tr { display: table-row !important; }
    .flip-scroll td, #flip-scroll.flip-scroll th{ border-bottom: 1px solid #babcbf !important; border-right: 1px solid #babcbf !important; }
    .flip-scroll #no-more-tables { border-right:1px solid #ddd; overflow: auto; }
     .flip-scroll #no-more-tables td { padding-left: 10px; }
    .flip-scroll #no-more-tables td:last-child, #flip-scroll.flip-scroll #no-more-tables th:last-child { border-right: none; }
    #searchcustomer .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; }
    .inquerytype1 label { width: 100%; }
}

/*======================================================================= */


/* ============================================== Changes By Kinjal Gohil ============================*/

@media only screen and (max-width:1024px) {
.nav1 li { width: 16.2% !important; }
.bio-graph-heading h3 { margin: 0px; }
.customerdashboard .panel.custdetail .tab-content th.action-btn { width: 120px !important;}
.modal-dialog.modal-xs { width: 45% !important; }
#eventzPanel { height: 515px !important; }
.ajaxLoader { width: 320px; margin: 0 auto; left: 0; right: 0; }
#calendar .fc-header-center { width:50%;  }
#calendar .fc-header-left { width: 20%; }
#calendar .fc-header-right { width: 100%; }
.fc-header td { white-space: initial !important; }
.nav-tabs>li { margin-left: 4px;}
.modal-dialog.modal-sm { width: 80% !important; }
}
@media only screen and (max-width:768px) {
    .nav1 li { width: 100% !important; }
    #userListDiv { overflow: auto; }
    table.display tr td:last-child a { margin-bottom: 15px; } 
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { margin-bottom: 10px; }
    .hideDiv { display: none; }
    .userDiv { height: inherit !important; margin-bottom: 30px; }
}
@media only screen and (max-width:767px) {
.formSteps2, .formSteps1 { width: 100%; }
.overflow-table, .adv-table { overflow: auto; }
.fx-height { min-height: inherit; }
.fx-remark { max-height: inherit; height: inherit; }
#sideSubMenu .top-nav ul.top-menu > li a { height: 36px; line-height: 27px; } 
#sideSubMenu .top-nav ul.top-menu > li a .fa { line-height: 28px; }
fieldset .panel-body { padding:15px 0; }
#nestableList.dd { max-width: 100%; }
}
@media only screen and (max-width:640px) {
.cd-nav-container { width: 81% !important; }
#eventzPanel { height: auto !important; }
.bio-chart div canvas { width: 190px !important; }
footer .lithe-logo { height: 22px !important; }
.adv-table .nav-tabs.nav-justified > li { display: inline-block; width: 100%; }
.pull-right { float: none !important;}
.panel-heading .pull-right { float: right !important;}
.span6, .dataTables_filter, #advMaintableRC .span6, .overflow-table .span6 { width: 100%; }
div.dataTables_wrapper div.dataTables_filter input { width:65% !important; float: none !important;}
.dataTables_paginate.paging_bootstrap.pagination li a { padding: 5px 9px; }
    .panel-heading .pull-right.tools { float: left !important; }
}
@media only screen and (max-width:420px) {
    .btn-arrow-right { padding-left: 25px; }
    .report-page .report-title { margin-top: 20px; }
    .dd-list .dd-list { padding-left: 10px; }
    .tableTitle { z-index: 1; }
    .stepy-tab ul li { float: none; }
    #sideSubMenu { top:104px; }
    a.logo { float: none; display: inline-block; }
    .header { text-align: center; }
    .top-nav { position: static; right: 10px; top: 0px; width: 100%; margin-top: 0; }
    .top-nav .pull-right { float: right!important; }
    .headerSearch { width: 105px; }     
    #logoImgHeader { float: none !important;  margin-top: 0!important;  vertical-align: super;}
   
}
/* ============================================== Changes By Kinjal Gohil ============================*/