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


    .logoim { width: 90%; }

    .navbar-nav > li > a { padding: 8px 5px !important; font-size: 12px !important; }

    .mgalgn { padding-left: 22px !important; }

    .wid { width: 100%; vertical-align: middle; }

    .mobres { width: 100%; position: initial !important; }
}

@media only screen and (max-width:960px) {
    .border-right-bot { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; min-height: 305px !important; }
    .border-top-bottom { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; min-height: 305px; }
    main { overflow: hidden; }

    .tabrespon { width: 100%; }

    .logoim { width: 90%; }

    .navbar-nav > li > a { padding: 8px 5px !important; font-size: 12px !important; }

    .mgalgn { padding-left: 0px !important; }

    .wid { width: 100%; vertical-align: middle; }

    .mobres { width: 100%; position: initial !important; }
    .ftwt1 { font-size: 18px !important;}
    .act { margin-bottom: 7px; }
}

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

    .tabrespon { width: 100%; }

    .logoim { width: 60%; }

    .navbar-nav > li > a { padding: 8px 3px !important; font-size: 10px !important; }

    .mgalgn { padding-left: 0px !important; }


    .tabbd { padding: 5px 20px !important; }

    .wid { width: 100%; vertical-align: middle; }

    .mobres { width: 100%; position: initial !important; }
}

@media only screen and (max-width:767px) {
    .mob-set { margin-top: 25px; }
    .fl{ float: none !important; }
    .border-top-bottom { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; min-height: 0px !important; }
    
    .border-right-bot { border-right: 0px solid #ddd; border-bottom: 1px solid #ddd; min-height: 0px !important; }

    .pstyl { color: #555f6a; line-height: 20px !important; }
    .logoim { width: 60% !important; }
    .fixedmenu { background: #333335 !important; box-shadow: 0px 4px 10px rgba(0,0,0,0.1); padding: 3px !important; }
    .navbar-nav > li { margin-top: 3px !important;}
    .border-right-1 { border-right: none !important; border-bottom: 1px solid #d0d0d0 ;}
    .navbar-brand { padding: 15px 0px; }
    .navbar-toggle{margin-top: 20px !important;}
    .tabrespon { width: 100%; }
    .mgtpban h1 { font-size: 22px; }
    .ftwt { font-size: 20px; }
    .startbtn a {padding: 15px 10px !important;font-size: 12px;letter-spacing: 1.2px !important;}

    .mgalgn { padding-left: 0px !important; }

    .bghead { background: url(../images/bgheadimg.jpg) no-repeat; background-size: cover; padding-bottom: 80px !important; }


    .mgtpban { margin-top: 120px !important; }

    .wid { width: 100%; vertical-align: middle; }

    .mobres { width: 100%; position: initial !important; }

    .navbar-nav > li > a { font-size: 14px !important; padding: 8px 15px !important; }
    .btnred a{padding: 15px 10px !important; font-size: 12px;}
      .resp {
    height: 53px ;
    margin-bottom: 0px ;
    margin-top: -30px ;}
    .ftwt1 {font-size: 20px !important;}
    .mbl_algn {text-align:center;
    }
.ftwt1 { font-weight:600 !important; font-size: 24px; margin-bottom:15px; padding-bottom:15px; position: relative;line-height: normal; }
.ftwt1::before {position: absolute;left: 50%;width: 80px;bottom: 0px;margin-left: -40px;content: "";border-top:2px solid #f75b01;}
.hr1 { border: 0; border-top: 1px solid #ddd; margin: 0; }
.btspc{margin-bottom:0px;}
.upspc{margin-top:10px;}
.bgclr { padding-top: 0px !important; padding-bottom: 0px!important;}
.secpad {
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}
.topup{ margin-top: -30px;}
.txt_tp{ margin-top: -50px !important;margin-bottom: 10px !important;}
.modal-backdrop {background-color:none !important;}
.act { margin-bottom: 7px; }
}

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

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

    .tabrespon { width: 100%; }

    .mgalgn { padding-left: 0px !important; }

    .wid { width: 100%; vertical-align: middle; }

    .mobres { width: 100%; position: initial !important; }
    .app_store img, .google_play img { width: 140px; display: block; margin: auto; }
}

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

    .tabrespon { width: 100%; }

    .mgalgn { padding-left: 0px !important; }

    .wid { width: 100%; vertical-align: middle; }

    .mobres { width: 100%; position: initial !important; }
     
 
}

@media (min-width: 676px) and (max-width: 991px) {
    .navbar-nav > li > a { padding: 8px 5px !important; }
    .navbar-default .navbar-nav > li > a { margin-left: 0px; margin-right: 0px; }
    .mgalgn { padding-left: 0px !important; }
}

@media (max-width: 991px){
    .navbar-nav > li {
    float: none;
}
 .navbar-toggle {
    display: block;
}
 .menu-container {
    padding-bottom: 20px;
}
.navbar-nav {
    margin: 0;
    float: none;
    width:100%;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    /* border-color: #e7e7e7; */
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
}
.collapse {
    display: none;
}
.navbar-collapse.in {
    overflow-y: auto;
}


.navbar-collapse.collapse{
    width:100%;
}
.navbar-header{width:100%;margin:0px !important;}

.resp {
    margin-bottom: 15px ;
    margin-top: 0px;
    height: 63px;
}

}
@media (min-width: 991px){
    .collapse {
    display: block;
}
}