/*@media(max-width:1300px){
    .app-st-1 {
        margin-bottom: 2.1% !important;
    }
}

@media(max-width:1300px){
    .app-st-1 {
        margin-bottom: 1.8% !important;
    }
}*/

body.modal-open {
    overflow: hidden !important;
    position: fixed;
    width: 100%;
}
.categories-block td.points {
    color: #ff0000;
    width: 25%;
}
#myModal .modal-dialog, #staticBackdrop-Payment .modal-dialog {
    width: 900px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media screen and (max-width:1798px){
    .col-md-9.col-sm-6.col-xs-12.left-txt.nopadding.mt-20.paynow-section-1024.pay-1.res-block{
        margin-top:7%!important;
    }
    .col-md-3.col-sm-6.col-xs-12.left-center.nopadding.mt-20.pay-1#order_summary{margin-top:7%!important;}
    
}
@media screen and (max-width:1580px){
    .col-md-9.col-sm-6.col-xs-12.left-txt.nopadding.mt-20.paynow-section-1024.pay-1.res-block{
        margin-top:4%!important;
    }
    .col-md-3.col-sm-6.col-xs-12.left-center.nopadding.mt-20.pay-1#order_summary{margin-top:11%!important;}
    .chapter-text.menu-name {
        font-size: 1.6vh;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .chapter-text.menu-name {
        font-size: 1.5vh;
    }
}
@media (max-width: 991px) {
    .col-md-9.col-sm-6.col-xs-12.left-txt.nopadding.mt-20.paynow-section-1024.pay-1.res-block{margin-top:0!important;}
    
}

@media(max-width:1024px){
     .col-md-9.col-sm-6.col-xs-12.left-txt.nopadding.mt-20.paynow-section-1024.pay-1.res-block{
        margin-top:17%!important;
    }
    .col-md-3.col-sm-6.col-xs-12.left-center.nopadding.mt-20.pay-1#order_summary{margin-top:17%!important;}
    
    html {
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        overflow-x: hidden !important;
    }
    body{
        overflow-y:auto;
    }
    .chapeter-box { display:grid; align-items: center; }
    .pad.pad-1 {
        padding: 5% 0 !important;
    }
    .col-md-1 {
        width: 15.75%;
        display: inline-block;
    }
    .bg1 {
        height: 10vh;
    }
    .bg2 {
        height: 10vh;
    }
    .bg3 {
        height: 10vh;
    }
    .bg4 {
        height: 10vh;
    }
    .bg5 {
        height: 10vh;
    }
    .bg6 {
        height: 10vh;
    }
    .bg7,.bg-edu {
        height: 10vh;
    }
    .bg8 {
        height: 10vh;
    }
    .chapter-text.menu-name {
        padding: 18% 0;
        font-size: 1.5vh;
    }
    .pad {
        padding: 18% 0 !important;
    }
    .loggedinuser img {
        height: 10vh;
    }
    .app-st-1 {
        width: 97.6%;
        margin-bottom: 2.4% !important;
        height: 9.4vh;
    }
    .chapeter-box.bg1 {
        background: #990134;
        height: 10vh;
    }
    .photobox_type9 .chapter-text {
        font-size: 11px;
    }
    .block2 .col-md-11.left-txt {
        margin-top: 16%;
    }
    .mar-gin-4{
        margin-top:8% !important;
    }
    .video-gallery .mt-10 {
        margin-top: 25px;
    }
    .block2 .mem-off.gall-imgs {
        width: 100%;
    }
    .block2 .bxslider img {
        width: 96%;
    }
    .block2 .video_link {
        width: 100%;
        height: auto;
    }
    .national-convection {
        margin-top: 11% !important;
    }
    .anchor-awards {
        margin-top: 0% !important;
    }
    .godrej-awards {
        margin-top: 11% !important;
    }
    .block2 .gallery-imgs .col-md-2 {
        width: 23.8%;
    }
    .block2 .gallery-imgs .col-md-2 img {
        width: 100%;
        height: 70px;
    }
    .block2 .chap-comm .chapter-text {
        font-size: 14px;
        font-weight: 500;
    }
    div#order_summary {
        margin-top: 6%;
    }
    .block2 .chap-comm .pm {
        min-height: 200px;
    }
    .responsive-map iframe {
        width: 100%;
    }
    .join-frm .col-md-3, .join-frm .col-md-12, .join-frm .col-md-9, .join-frm .col-md-6 {
        padding: 0 20px 10px 0 !important;
    }
    .paynow-section-1024 {
    margin-top: 5%;
    padding-right: 20px !important;
    }
    .col-md-3 .date input[type="text"] {
        width: 100%;
    }
    .join-btn {
        margin: 10% auto 0 !important;
        padding: 40px 20px !important;
        text-align: center;
    }
    .loginfrm {
        width: 40%;
        margin: 9.4% auto 0%;
    }
    .organization-abt {
        margin-top: 0 !important;
    }
    .schedule-imgs img {
        height: auto;
    }
    .content-box {
        overflow-y: auto;
        height: 255px;
    }
    .desktop-tables .table.org { margin-bottom: 20px; }
    .chapeter-box.bg1 .chapter-img img {
        width: 70px;
    }
}

@media(max-width:991px){
        .col-md-9.col-sm-6.col-xs-12.left-txt.nopadding.mt-20.paynow-section-1024.pay-1.res-block{
        margin-top:1%!important;
    }
    .col-md-3.col-sm-6.col-xs-12.left-center.nopadding.mt-20.pay-1#order_summary{margin-top:1%!important;width:50%;}
    .h1-title.h1-right { margin-left: 0; }
    .logo {
        margin: 1% 0;
    }
    .idl-img-block img {
        border: 0px solid #ddd;
        position: relative;
        margin-bottom: 20px;
        height: auto;
    }
     .idl-img-block img { width: 65%; }
     .h1-title { left:15px; }
    .idl-img-block.pay-img img { width: 70%;}
    .idl-video-block iframe{
        width:100% !important;
    }
    .col-md-offset-2.bottom-lines {
        margin-left: 0;
    }
    html {
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        overflow-x: hidden !important;
    }
    body{
        overflow-y:auto;
    }
    .mobileview-logo{
        display:block !important;
    }
    .pad.pad-1 {
        padding: 10% 0 !important;
    }
    .right-menu .pad {
        padding: 5% 0 !important;
    }
    .desktopview-logo{
        display:none;
    }
    .line-2 .photobox_type9:hover .chapeter-box {
        overflow: unset;
    }
    .logo img {
        width: 20%;
        padding: 2% 0 0% 0;
    }
    .tog-line {
        height: 0;
    }
    .line-1 .col-md-1 {
        width: 19.2%;
        display: inline-block;
    }
    .line-1 .col-md-1 a {
        padding: 1px;
    }
    .line-1 .bg1 {
        height: 14vh;
        min-height: 100px;
    }
    .line-1 .bg2 {
        height: 14vh;
        min-height: 100px;
    }
    .line-1 .bg3 {
        height: 14vh;
        min-height: 100px;
    }
    .line-1 .bg4 {
        height: 14vh;
        min-height: 100px;
    }
    .line-1 .bg5 {
        height: 14vh;
        min-height: 100px;
    }
    .line-1 .bg6 {
        height: 14vh;
        min-height: 100px;
    }
    .line-1 .bg7 {
        height: 14vh;
        min-height: 100px;
    }
    .line-1 .bg8 {
        height: 14vh;
        min-height: 100px;
    }
    .line-1 .chapter-text.menu-name {
        padding: 19% 0;
        /* font-size: 1.5vh; */
        font-size: 12px;
    }
    .line-1 .pad {
        padding: 19% 0 !important;
    }
    .line-2 .logo img {
        /*width: 20%;*/
        padding: 0% 0 3% 0;
    }
    .line-2 .col-md-10 .col-md-1 {
        width: 9%;
        display: inline-block;
    }
    .line-3 .col-md-3.pt-b-5.col-md-33 {
    width: 59.4%;
    margin-right: 1%;
    height: 28.3vh !important;
    float: left;
    }
    .col-md-3.pt-b-5.col-md-33 a ~ a {
    width: 49%;
    margin-right: 0;
    float: left;
}

.col-md-3.pt-b-5.col-md-33 a {
    width: 49.5%;
    margin-right: 1.5%;
    float: left;
}
    .apps-icons-responsive {
        width: 40%;
    }
    .app-st-1 {
        width: 98.6%;
        margin-bottom: 2.8% !important;
        height: auto;
    }
    .app-st-1 .get-img img {
        width: 55% !important;
    }
   .col-md-111 {
    width: 9%;
    margin-right: 1.1%;
}
    .col-md-offset-1.sponserimgs {
        margin-left: 0;
    }
    .line-4 img{
        width:90%;
    }
    .left-fix {
        position: relative;
        width: 100%;
    }
    .left-fix .col-md-3 {
        width: 9%;
        float: left;
    }
    .block-1 .logoinner {
        position: relative;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    .block-1 .logoinner img {
        width: 20%;
    }
    .block-1 .off-md-5 {
        margin-left: 0% !important;
    }
    .block-1 .col-md-1 {
        width: 11.3% !important;
        display: inline-block;
    }
    .block-1 .col-md-1 a {
        padding: 1px;
    }
    .block-1 .chapter-text.menu-name {
        padding: 18% 0;
        font-size: 2vh;
    }
    .content-box {
        overflow-y: auto;
        height: auto;
    }
    .abt-img img {
        width: 100%;
    }
    .organization-abt {
        margin-top: 0 !important;
        padding-right: 0 !important;
    }
    .block2 .h1-title {
        position: relative;
        top: 0px;
    }
    .block2 .col-md-11.left-txt {
        width: 100%;
        margin-top: 1%;
    }
    .block2 .col-md-1.right-menu {
        width: 100%;
        margin-left: 0px;
    }
    .block2 .right-menu .pm {
        margin-bottom: 0%;
        width: 19.3%;
        float: left;
        margin-top: 1%;
    }
    .block2 .new-blockimg {
        text-align: center;
    }
    .block2 .new-blockimg img {
        width: 60%;
    }
    .block2 .ful-wid {
        display: block;
        width: 100%;
    }
    .block2 .in-comm {
        background: #999;
        padding: 18px 0 !important;
        width: 32.6%;
        float: left;
        margin-bottom: 0;
    }
    .content-section img {
        width: 49%;
    }
    .join-frm .col-md-2 {
        padding: 0px 0 20px;
    }
    .join-frm .col-md-3, .join-frm .col-md-12, .join-frm .col-md-9, .join-frm .col-md-6 {
        padding: 0 0px 10px 0 !important;
    }
    .responsive-map iframe {
        width: 100%;
    }
    .join-btn {
        margin: 0% auto 0 !important;
        padding: 0px 20px !important;
        text-align: center;
    }
    .loginfrm {
        width: 93%;
        margin: 3% auto;
    }
    .block2 .gal-large {
        width: 100%;
        text-align:center;
    }
    .block2 .member-img img {
        width: 40%;
        margin: 0 auto;
    }
    .block2 .gallery-imgs {
            overflow-y: scroll;
        height: auto;
        overflow-x: hidden;
        width: 100%;
        margin-top: 15px;
    }
    .block2 .gall-imgs.off-md-6.mem-off {
        margin-left: 0%;
    }

    .block2 .mem-off.gall-imgs {
        width: 100%;
    }
    .gallery-imgs .col-md-2 {
        width: 23.8%;
        padding: 0;
        margin-right: 1.6%;
        margin-bottom: 1.6%;
        float: left;
    }
    .block2 .gallery-imgs .col-md-2 img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
    }
    .smart-bg {
        background: url(http://www.iiid.in/images_new/icon/icard_demo.png) no-repeat;
        background-size: cover;
        height: auto;
        background-position: center top;
        border-radius: 20px;
        text-align: center;
        padding: 15px 0;
    }
    .id-logo img {
        width: 20%;
        padding-top: 20px;
    }
    .p-name-nm {
        margin-top: 0px;
    }
    .line-2 .chapeter-box.bg1 .chapter-img img {
        width: 60%;
    }
    .chapter-text.abt-nm {
        position: absolute;
        bottom: 18%;
    }
    .gall-large-img img {
        width: 100%;
        height: auto;
    }
    .inline-block{
        display:inline-block;
        width:100%;
    }
    .profile-page .col-md-1 {
        width: 100% !important;
    }
    .profile-page .pm {
        margin-bottom: 1%;
        width: 24.3%;
        float: left;
    }
}  

@media(max-width:897px){
    .line-2 .col-md-10 .col-md-1 {
        width: 8.9%;
        display: inline-block;
    }
    .block2 .col-md-1.right-menu {
        width: 100%;
        margin-left: 0px;
    }
}

@media(max-width:850px){
    .app-st-1 .get-img img {
        width: 54.5% !important;
    }
}

@media(max-width:808px){
    .line-1 .col-md-1 {
        width: 11.3%;
        display: inline-block;
    }
    .line-1 .bg1 {
        height: 12vh;
    }
    .line-1 .bg2 {
        height: 12vh;
    }
    .line-1 .bg3 {
        height: 12vh;
    }
    .line-1 .bg4 {
        height: 12vh;
    }
    .line-1 .bg5 {
        height: 12vh;
    }
    .line-1 .bg6 {
        height: 12vh;
    }
    .line-1 .bg7 {
        height: 12vh;
    }
    .line-1 .bg8 {
        height: 12vh;
    }
    .block-1 .col-md-1 {
        width: 11.3% !important;
        display: inline-block;
    }
}

@media(max-width:850px){
    .app-st-1 .get-img img {
        width: 54% !important;
    }
}

@media(max-width:768px){
      .col-md-3.col-sm-6.col-xs-12.left-center.nopadding.mt-20.pay-1#order_summary{margin-top:1%!important;width:40%;}
    .h1-title.h1-right { margin-left: 30px; }
    
    .credit {
    
    padding: 10px 20px;
    }
    .res-pb-top{
        margin-top:20px;
    }
    .glipses2016 {
        padding: 0;
    }
    .glips-txt{
        margin-bottom:20px;
    }
    .natcon-img img {
        margin-left: 0;
    }
    div#order_summary {
        margin-top: 0%;
        width: 40%;
    }
    .paynow-section-1024.pay-1 {
        width: 60%;
    }
    html {
        font-size: 10px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        overflow-x: hidden;
    }
    body{
        overflow-y:auto;
    }
    .join-btn a {
        width: 77%;
    }
    .natcon-menu-img{
        padding: 5px 20px 15px;
        width: 62% !important;
    }
    .chapter-text.abt-nm {
        position: absolute;
        bottom: 0;
    }
    .block2{
        display:inline-block;
        width:100%;
    }
    .margin-mobile-menu{
        margin-bottom:15px !important;
    }
    .anchor-awards {
        margin-top: 0% !important;
    }
    .national-convection {
        margin-top: 0% !important;
    }
    .godrej-awards {
        margin-top: 0% !important;
    }
    .block2 .col-md-1.right-menu {
        width: 100% !important;
        margin-left: 0px;
    }
    .block-1 .col-md-1 a {
        padding: 0px;
    }
    .apps-icons-responsive {
        width: 100%;
    }
    .line-1 .col-md-1 a {
        padding: 0px;
    }
    .line-3{
        display:inline-block;
    }
    .logo img {
        width: 25%;
        padding: 1% 0 2% 0;
    }
    .line-1 .pt-b-5 {
        margin-right: 0.5%;
        margin-bottom: 0.8%;
    }
    .line-1 .col-md-1:nth-child(4n+4){
        margin-right:0 !important;
    }
    .line-1 .col-md-1 {
        width: 24.2%;
        display: inline-block;
    }
    .line-1 .bg1 {
        height: 10vh;
        min-height: 90px;
    }
    .line-1 .bg2 {
        height: 10vh;
        min-height: 90px;
    }
    .line-1 .bg3 {
        height: 10vh;
        min-height: 90px;
    }
    .line-1 .bg4 {
        height: 10vh;
        min-height: 90px;
    }
    .line-1 .bg5 {
        height: 10vh;
        min-height: 90px;
    }
    .line-1 .bg6 {
        height: 10vh;
        min-height: 90px;
    }
    .line-1 .bg7 {
        height: 10vh;
        min-height: 90px;
    }
    .line-1 .bg8 {
        height: 10vh;
        min-height: 90px;
    }
    .line-1 .pad {
        padding: 12.3% 5px !important;
    }
    .line-1 .chapter-text.menu-name {
        padding: 12.3% 5px !important;
        font-size: 1.4vh;
        font-size: 12px;
    }
    .line-1 .chapeter-box.bg1 .chapter-img img {
        width: 51%;
    }
    .tog-line {
        height: 0;
    }
    .line-2 .pt-b-5 {
        margin-right: 1% !important;
        margin-bottom: 1% !important;
        width: 49%;
        float: left;
    }
    .line-2 .col-md-1:nth-child(4n+4){
        margin-right:0 !important;
    }
    .line-2 .col-md-1 {
        width: 24.2% !important;
        display: inline-block;
    }
    .topblock {
        min-height: auto;
    }
    .line-3 .col-md-3.pt-b-5.col-md-33 {
        width: 100%;
        height: 20vh !important;
        margin: 10px 0 15px;
    }
    
    .line-3 .app-st-1 .chapeter-box.g-link {
        padding: 0px 0;
    }
    
    .line-3 .app-st-1 .get-img img {
        width: 20% !important;
    }
    
    .line-3 .chapter-img img {
        width: 82%;
    }
    .line-3 .member.mb1 {
        width: 100%;
        margin-bottom: 3% !important;
    }
    .line-3 .col-md-111 {
        width: 24.4%;
        margin-right: .7%;
    }
    .image-responsive-class {
        width: 68% !important;
    }
    .line-4 .col-md-offset-1.sponserimgs {
        margin-left: 0;
    }
    .line-4 img{
        width:90%;
    }
    .photobox_type9:hover .chapeter-box {
        overflow: inherit;
    }
    .left-fix {
        position: relative;
        width: 100%;
        display:none !important;
    }
    .left-fix .col-md-3 {
        background: #999;
        margin-right: 1% !important;
        margin-bottom: 1% !important;
        padding: 0;
        text-align: center;
        width: 13.2%;
        float: left;
    }
    .line-2 .left-fix {
        position: relative;
        width: 100%;
    }
    .line-2 .left-fix .col-md-3:nth-child(7n+7){
        margin-right: 0% !important;
    }
    .line-2 .left-fix .col-md-3 {
        background: #999;
        margin-right: 1% !important;
        margin-bottom: 1% !important;
        padding: 0;
        text-align: center;
        width: 13.4%;
        float: left;
    }
    .responssive-margin {
        margin: 10px 0 0px;
    }
    .block-1 .logoinner {
        position: relative;
        width: 100%;
        text-align: center;
        margin-bottom: 3%;
    }
    .block-1 .logoinner img {
        width: 25%;
    }
    .block-1 .off-md-5 {
        margin-left: 0% !important;
    }
    .block-1 .col-md-1 {
        width: 24.6% !important;
        display: inline-block;
    }
    .block-1 .pt-b-5 {
        margin-right: 0.5% !important;
        margin-bottom: .7% !important;
    }
    .block-1 .chapter-text.menu-name {
        padding: 10% 0;
        font-size: 1.5vh;
        font-size: 12px;
    }
    .block-1 .chapeter-box.bg1 .chapter-img img {
        width: 40%;
    }
    .block-1 .pad {
        padding: 10% 0 !important;
    }
    .block-1 .bg1 {
        height: 10vh;
    }
    .block-1 .bg2 {
        height: 10vh;
    }
    .block-1 .bg3 {
        height: 10vh;
    }
    .block-1 .bg4 {
        height: 10vh;
    }
    .block-1 .bg5 {
        height: 10vh;
    }
    .block-1 .bg6 {
        height: 10vh;
    }
    .block-1 .bg7 {
        height: 10vh;
    }
    .block-1 .bg8 {
        height: 10vh;
    }
    .block2 .h1-title {
        position: relative;
        top: 20px;
        display: inline-block;
        margin-bottom: 15px;
        width:100%;
    }
    .block2 .col-md-11.left-txt {
        width: 100%;
        margin-top: 2%;
        display: inline-block;
        position: relative;
    }
    .block2 .gal-large {
        width: 100%;
        margin-bottom: 15px;
        text-align:center;
    }
    .member-img img {
        width: 40%;
        margin: 0 auto 15px;
    }
    .block2 .gallery-imgs .col-md-2 {
        width: 19%;
        float: left;
    }
    .block2 .chap-comm .pm {
        min-height: 175px;
        width: 24%;
        float: left;
    }
    .member_name img {
        height: 110px !important;
        width:100% !important;
    }
    .content-box {
        overflow-y: auto;
        height: auto;
    }
    .block2 .gall-imgs.off-md-6.mem-off {
        margin-left: 0%;
    }
    .block2 .mem-off.gall-imgs {
        width: 100%;
    }
    .block2 .txt-bloxk {
        font-size: 11pt;
        padding-right: 0 !important;
    }
    .block2 .schedule-imgs img {
        height: auto;
    }
    .block2 .abt-img img {
        width: 100%;
    }
    .block2 .right-menu{
        width: 100%;
        display: inline-block;
        margin-top: 7px;
        margin-left: 0;
    }
    .block2 .right-menu .pt-b-5:nth-child(4n+4){
        margin-right:0 !important;
    }
    .block2 .right-menu .pt-b-5 {
        margin-right: 1% !important;
        width: 24.2%;
        float: left;
        margin-bottom: 0;
    }
    .mar-gin-4 {
        margin-top: 3% !important;
    }
    .video_link {
        width: 100%;
        height:auto;
    }
    .video-link-img{
        width:100%;
    }
    .gallery-imgs {
        overflow-y: scroll;
        height: auto;
        overflow-x: hidden;
        width: 100%;
    }
    .content-section img {
        width: 48.7%;
    }
    .download-section .pm.in-comm {
        min-height: auto;
        width: 49%;
        float: left;
        margin-bottom: 1% !important;
    }
    .join-frm .col-md-2 {
        padding: 0px 0px 20px !important;
    }
    .join-frm .col-md-3, .join-frm .col-md-12, .join-frm .col-md-9, .join-frm .col-md-6 {
        padding: 0 0px 10px 0 !important;
    }
    .responsive-map iframe {
        width: 100%;
    }
    .block2 .mt-20 {
        margin-top: 0%;
    }
    .join-btn {
        margin: 2% auto 0 !important;
        padding: 0px 20px 20px !important;
        text-align: center;
        display: inline-block;
        width: 100%;
    }
    .loginfrm {
        width: 91%;
        margin: 0 auto 20px;
    }
    .smart-bg {
        height: auto;
        padding: 15px 0;
    }
    .id-logo img {
        width: 20%;
        padding-top: 20px;
    }
    .id-logo {
        text-align:center;
    }
    .p-name-nm {
        margin-top: 0px;
    }
    .qrcode {
        text-align: center;
    }
    .modal-body .col-md-3 {
        width: 41%;
        float: left;
    }
    .bxslider img {
        width: 100%;
    }
    .app-st-1 {
        width: 100%;
        margin-bottom: 0.7% !important;
        height: 10.5vh;
    }
     
    span.res-btns {
        padding: 0 !important;
    }
    span.right.s-icons.right-s-top {
        float: left !important;
        padding-top: 10px;
    }
    .profile-page .col-md-1 {
        width: 100% !important;
    }
    .profile-page .pm {
        margin-bottom: 1%;
        width: 49% !important;
        float: left;
    }
    .profile-page .right-menu .pad {
        padding: 6% 0 !important;
    }
}

@media(max-width:767px){
    .col-md-3.col-sm-6.col-xs-12.left-center.nopadding.mt-20.pay-1#order_summary{margin-top:1%!important;width:100%;}
    .btn { white-space: normal; }
    .iiid-popup-box .iiid-popup-text {
        position: relative;
        bottom: 15px;
        left: 0;
        /* width: 50%; */
        padding: 15px;
    }
    #order_summary { margin-bottom: 100px;}
    .iiid-faq-later.nav.nav-tabs li a {
    color: #333!important;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ddd;
    font-size: 13px;
    padding: 5px;
}
    .desktop-tables { display: none; }
    .mobile-tables { display: block; }
    .year-title { margin-top: 20px; }
    .h1-title.res-title-paynow {
        display: block;
        margin-bottom: 50px;
    }
    .paynow-section-1024 {
        
        padding-right: 0px !important;
    }
    
    #myModal .modal-dialog , #staticBackdrop-Payment .modal-dialog {
    width: 375px;
    text-align: center;
top:80%;
    left: 50%;
    transform: translate(-50%, -50%);
    }
    #staticBackdrop-Payment .modal-dialog   {
        top:50%;        
    }
    
    .register-new-heading .sub-title {
        font-size: 15px !important;
    }
    .desktopview-menu{
        display:none !important;
    }
    .mobileview-menu{
        display:block !important;
    }
    .res-menu div {
        background: #EE1B23;
        width: 25px;
        height: 3px;
        margin-bottom: 2px;
    }
    .homemobileview-menu button.btn.btn-info.res-menu {
        position: absolute;
        top: 13%;
        right: 0;
    }
    button.btn.btn-info.res-menu {
        background: none;
        border: none;
        position: relative;
        top: -50px;
        right: auto;
        z-index: 99999;
        float: right;
    }
    div#demo {
        clear: both;
    }
    button.btn.btn-info.res-menu:focus{
        outline: 0;
    }
    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 99999;
    }
    .renew-link-popup{
        text-align:center;
    }
    .event-payment-popup .right {
        float: unset !important;
        margin: 10px auto 0;
        display: block;
    }
}

@media(max-width:762px){
    .line-3 .col-md-111 {
        width: 17.2%;
        margin-right: .7%;
    }
    .line-3 .chapter-img img {
        width: 84%;
    }
    .image-responsive-class {
        width: 70% !important;
    }
}

@media(max-width:751px){
    .line-3 .col-md-111 {
    width: 24.4%;
    margin-right: .7%;
}
    .line-3 .chapter-img img {
        width: 86%;
    }
    .image-responsive-class {
        width: 72% !important;
    }
}

@media(max-width:742px){
    .line-3 .col-md-111 {
        width: 17%;
        margin-right: .7%;
    }
    .line-3 .chapter-img img {
        width: 88%;
    }
    .image-responsive-class {
        width: 73% !important;
    }
}

@media(max-width:732px){
    .line-3 .col-md-111 {
        width: 16.9%;
        margin-right: .7%;
    }
    .line-3 .chapter-img img {
        width: 90%;
    }
    .image-responsive-class {
        width: 74% !important;
    }
}

@media(max-width:722px){
    .line-3 .col-md-111 {
        width: 16.8%;
        margin-right: .7%;
    }
    .line-3 .chapter-img img {
        width: 92%;
    }
    .image-responsive-class {
        width: 76% !important;
    }
}

@media(max-width:713px){
    .line-3 .col-md-111 {
        width: 16.7%;
        margin-right: .7%;
    }
    .line-3 .chapter-img img {
        width: 94%;
    }
    .image-responsive-class {
        width: 78% !important;
    }
}

@media(max-width:704px){
    .line-3 .col-md-111 {
        width: 16.6%;
        margin-right: .7%;
    }
    .line-3 .chapter-img img {
        width: 97%;
    }
    .image-responsive-class {
        width: 80% !important;
    }
}

@media(max-width:699px){
    .app-st-1 {
        width: 100%;
        margin-bottom: 0.8% !important;
        height: 13.2vh;
    }
    .line-3 .app-st-1 .get-img img {
        width: 27% !important;
    }
    .line-3 .apps-icons-responsive{
        width:100%;
    }
    .line-3 .col-md-111 {
        width: 24.2%;
        margin-right: 1%;
    }
}

@media(max-width:690px){
    .line-2 .col-md-1 {
        width: 24.2%;
        display: inline-block;
    }
    .block2 .right-menu{
        width: 100%;
        display: inline-block;
        margin-top: 7px;
        margin-left: 0;
    }
    .block-1 .col-md-1 {
        width: 24.5%;
        display: inline-block;
    }
    .line-4 img{
        width:90%;
        display:inline-block;
    }
    .line-2 .col-md-1:nth-child(4n+4) {
        margin-right: 0 !important;
    }
}

@media(max-width:656px){
    .content-section img {
        width: 48.6%;
    }
}

@media(max-width:654px){
    .line-1 .col-md-1 {
        width: 24.1%;
        display: inline-block;
    }
}

@media(max-width:650px){
    .fc-scroller.fc-day-grid-container {
        height: auto !important;
    }
    .fc-basic-view .fc-body .fc-row {
        min-height: 4em;
        height: 130px !important;
        overflow-x: scroll !important;
    }
    .fc td, .fc th {
        width: 130px !important;
    }
}

@media(max-width:600px){
    .paynow-section-1024.pay-1 {
        width: 100%;
    }
    div#order_summary {
        width: 100%;
    }
    span.ns-sp.lft {
        float: left;
    }
    span.right-s-top {
        clear: both;
        float: left;
        padding-top: 0px;
    }
    span.ns-sp1 {
        float: left;
    }
    .line-1 .chapter-text.menu-name {
        padding: 20% 0;
        font-size: 1.5vh;
    }
    .line-1 .pad {
        padding: 20% 0 !important;
    }
    .line-1 .chapeter-box.bg1 .chapter-img img {
        width: 51%;
    }
    .block-1 .chapter-text.menu-name {
        padding: 20% 0;
        font-size: 1.5vh;
        font-size: 12px;
    }
    .block-1 .pad {
        padding: 20% 0 !important;
    }
    .block-1 .chapeter-box.bg1 .chapter-img img {
        width: 52%;
    }
    .line-2 .left-fix .col-md-3 {
        width: 19%;
    }
    .line-2 .left-fix .col-md-3:nth-child(7n+7) {
        margin-right: 1% !important;
    }
    .line-2 .left-fix .col-md-3:nth-child(5n+5) {
        margin-right: 0% !important;
    }
    button.btn.btn-info.res-menu {
        background: none;
        border: none;
        position: relative;
        top: -80px;
        right: auto;
        z-index: 999;
        float: right;
    }
    .homepage-popup .modal-dialog {
        max-width: 100%;
        width: 100%;
    }
    .popup-img-natcon {
        width: 100%;
    }
}

@media(max-width:562px){
    .modal-body .col-md-3 {
        width: 40%;
        float: left;
    }
}

@media(max-width:560px){
    .line-3 .app-st-1 .get-img img {
        width: 33% !important;
    }
}

@media(max-width:555px){
    .line-1 .col-md-1 {
        width: 24.1%;
        display: inline-block;
    }
    .block-1 .col-md-1 {
        width: 24.5%;
        display: inline-block;
    }
    .loginfrm {
        width: 88%;
        margin: 0 auto 20px;
    }
}

@media(max-width:554px){
    .line-2 .col-md-1 {
        width: 32.5% !important;
        display: inline-block;
    }
    .block-1 .col-md-1 {
        width: 24.3% !important;
        display: inline-block;
    }
    .logo img {
        width: 40%;
        padding: 2% 0 3% 0;
    }
    .line-3 .col-md-3.pt-b-5.col-md-33 {
        width: 100%;
        height:15vh!important;
    }
    .block2 .right-menu{
        width: 100%;
        display: inline-block;
        margin-top: 7px;
        margin-left: 0;
    }
    .line-2 .col-md-1:nth-child(3n+3) {
        margin-right: 0 !important;
    }
    .line-2 .col-md-1:nth-child(4n+4) {
        margin-right: 1% !important;
    }
    .block-1 .col-md-1:nth-child(3n+3) {
        margin-right: 0.5% !important;
    }
    .profile-page .col-md-1 {
        width: 100% !important;
    }
    .profile-page .pm {
        margin-bottom: 1%;
        width: 100% !important;
        float: left;
    }
    .profile-page .right-menu .pad {
        padding: 4% 0 !important;
    }
}

@media(max-width:530px){
    .join-btn {
    
        padding: 0px 10px 20px !important;
    
    }
    .line-1 .col-md-1 {
        width: 24%;
        display: inline-block;
    }
}

@media(max-width:511px){
    .modal-body .col-md-3 {
        width: 39%;
        float: left;
    }
}

@media(max-width:502px){
    .download-section .pm.in-comm {
        min-height: auto;
        width: 100%;
        margin-bottom: 1% !important;
        margin-right:0 !important;
    }
}

@media(max-width:500px){
    body.modal-open {
        overflow: hidden !important;
    }
    .left-fix .col-md-3 {
        width: 19%;
    }
    .line-1 .col-md-1 {
        width: 49.3%;
        display: inline-block;
    }
    .line-1 .pad {
        padding: 13% 0 !important;
    }
    .line-1 .chapter-text.menu-name {
        padding: 13% 0;
        font-size: 1.5vh;
    }
    .line-1 .chapeter-box.bg1 .chapter-img img {
        width: 34%;
    }
    .block-1 .col-md-1 {
        width: 49.5% !important;
        display: inline-block;
    }
    .block-1 .pad {
        padding: 13% 0 !important;
    }
    .block-1 .chapter-text.menu-name {
        padding: 13% 0;
        font-size: 1.5vh;
    }
    .block-1 .chapeter-box.bg1 .chapter-img img {
        width: 31%;
    }
    .centered-image {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 0 10px;
    }
    .content-section img {
        width: 100%;
    }
    .line-1 .col-md-1:nth-child(2n+2) {
        margin-right: 0 !important;
    }
    .block-1 .col-md-1:nth-child(2n+2) {
        margin-right: 0% !important;
    }
    .line-2 .col-md-1:nth-child(3n+3) {
        margin-right: 0.5% !important;
    }
    .member_name img {
        height: 80px !important;
        width:100% !important;
    }
    #fancybox-title-float-wrap td {
        border: none;
        white-space: unset !important;
        text-align: center;
        font-size: 17px;
        font-family: 'Montserrat', sans-serif;
        background: #fff;
        color: #000;
    }
    .fancybox-title-float {
        position: absolute;
        left: 20px !important;
        bottom: -20px;
        height: 32px;
    }
    .counter-block {
        background: #f1f2f4;
        text-align: center;
        position: relative;
        width: 95%;
        top: 0;
        left: 0;
        margin: -17px auto;
    }
}

@media(max-width:480px){
    span.res-btns {
    padding: 0 !important;
    clear: both;
    float: left;
    }
    #order_summary tbody tr td {
        font-size: 12px;width: 40%;text-align: left;
    }
    #order_summary .pos-title {
    
        font-size: 12px;
        margin: 0;
    }
    .line-3 .app-st-1 .get-img img {
        width: 40% !important;
    }
    .line-2 .left-fix .col-md-3 {
        width: 24%;
    }
    .modal-body .col-md-3 {
        width: 90%;
        float: left;
    }
    .line-2 .left-fix .col-md-3:nth-child(5n+5) {
        margin-right: 1% !important;
    }
    .line-2 .left-fix .col-md-3:nth-child(4n+4) {
        margin-right: 0% !important;
    }
    .s-icons .back-btn{
        margin-left: 5px;
    }
}

@media(max-width:466px){
    
    .line-1 a {
        height: 1px;
        padding: 0;
    }
    .line-1 .pt-b-5 {
        margin-right: 0.5%;
        margin-bottom: 1%;
    }
    .logo img {
        width: 40%;
        padding: 2% 0 4% 0;
    }
    .block-1 .chapeter-box.bg1 .chapter-img img {
        width: 35%;
    }
    .block-1 .off-md-5 {
        margin-top: 20px;
    }
    .block-1 .col-md-1 a {
        padding: 0px;
    }
}

@media(max-width:465px){
    .line-2 .col-md-1 {
        width: 32.3%;
        display: inline-block;
    }
    .line-2 .pt-b-5 {
        margin-right: 1% !important;
        margin-bottom: 1.8% !important;
    }
    .left-fix .col-md-3 {
        width: 19%;
        margin-bottom: 1% !important;
    }
    .block-1 .chapeter-box.bg1 .chapter-img img {
        width: 35%;
    }
    .block-1 .off-md-5 {
        margin-top: 20px;
    }
    .block-1 .col-md-1 a {
        padding: 0px;
    }
    .block2 .right-menu{
        width: 100%;
        display: inline-block;
        margin-top: 7px;
        margin-left: 0;
    }
    .block2 .right-menu .pt-b-5 {
        margin-right: 1% !important;
        width: 49%;
        float: left;
        margin-bottom: 1% !important;
    }
    .block-1 .col-md-1 {
        width: 49%;
        display: inline-block;
    }
    .block-1 .chapeter-box.bg1 .chapter-img img {
        width: 32%;
    }
    .block-1 .col-md-1:nth-child(3n+3) {
        margin-right: 1% !important;
    }
    .block-1 .col-md-1:nth-child(2n+2) {
        margin-right: 0% !important;
    }
}
@media(max-width:428px){
    .line-1 .col-md-1 {
        width: 49%;
    }
    .s-icons .back-btn {
        margin-left: 5px;
        margin-bottom: 10px;
    }
    .btn-red {
        margin-bottom: 10px;
    }
}
@media(max-width:412px){
    .line-1 .col-md-1 {
        width: 49.2%;
        display: inline-block;
    }
    span.ns-sp {
     float: left !important;
    }
    .h1-title span {
        float: left!important;
        padding: 0 !important;
        margin: 0;
        clear: both;
        width: 100%;
    }
    .btn-red {
        background: #EE1B22 !important;
        border: 0;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
}

@media(max-width:393px){
    .line-2 .col-md-1 {
        width: 32.3%;
        display: inline-block;
    }
    .block-1 .col-md-1 {
        width: 49%;
        display: inline-block;
    }
    .block-1 .chapeter-box.bg1 .chapter-img img {
        width: 35%;
    }
    .block-1 .off-md-5 {
        margin-top: 20px;
    }
    .block-1 .col-md-1 a {
        padding: 0px;
    }
    .block2 .right-menu{
        width: 100%;
        display: inline-block;
        margin-top: 7px;
        margin-left: 0;
    }
    .line-2 .col-md-1:nth-child(3n+3) {
        margin-right: 0 !important;
    }
    .block-1 .col-md-1:nth-child(3n+3) {
        margin-right: 1% !important;
    }
    .block-1 .col-md-1:nth-child(2n+2) {
        margin-right: 0% !important;
    }
}

@media(max-width:370px){
    .line-1 .col-md-1 {
        width: 48.9%;
        display: inline-block;
    }
}

/*@media(max-width:350px){
    .line-3 .app-st-1 .get-img img {
        width: 55% !important;
    }
}*/

@media(max-width:340px){
    .line-2 .col-md-1 {
        width: 32.3%;
        display: inline-block;
    }
    .block-1 .col-md-1 {
        width: 49%;
        display: inline-block;
    }
    .block-1 .chapeter-box.bg1 .chapter-img img {
        width: 35%;
    }
    .block-1 .off-md-5 {
        margin-top: 20px;
    }
    .block-1 .col-md-1 a {
        padding: 0px;
    }
    .block2 .right-menu{
        width: 100%;
        display: inline-block;
        margin-top: 7px;
        margin-left: 0;
    }
    .c-in-txt {
        font-size: 13px;
    }
}

.gif_modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../img/loading.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .gif_modal {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .gif_modal {
    display: block;
}