/*  Extra Large devices (desktops, less than 2100px)*/
.exports-all {
    float: right;
    /* position: relative;
    right: 39%; */
}
/* @media only screen and (max-width: 1440px) {
    .exports-all {
        right: 12%;
    }
}
@media only screen and (max-width: 1024px) {
    .exports-all {
        right: 9%;
    }
} */
/* vikas purohit 28|Nov|2020 start */
@media screen and (min-width:1400px){
    .Purchasestable {
        overflow: auto;
        max-width: 1320px;
    }

    .small-box .icon>img {
		left: 8%;
    }
    
    .signup-submit {
        float: right;
      }
}
/* vikas purohit 28|Nov|2020 end */

@media (min-width: 1920px) {
    .Purchasestable {
        overflow: auto;
        max-width: initial;
    }
    .payment{
        margin-top: 15%;
    }
    
}

/*=== end min-width 1400px === */

@media only screen and (min-width: 1025.2px) and (max-width: 1366.98px){
    body{
        font-size:57.5%;
    }
    /* vikas purohit 28|Nov|2020 start */
    .registred-page .form-group {
        font-size: 1.3em;
        margin-bottom: 3px;
    }
    .registred-page sup {
        top: 0em;
    }
    .registration-sub-heading {
        margin-bottom: 0em;
    }

    .registred-page .col-12.mt-4.text-right,
    .registred-page .termsAndConditions,
    .registred-page .col-12.mt-4.text-right .submit_btn  {
        margin-top: 0 !important;
    }
    .fs-wrap {
        width: 270px;
    }
    /* vikas purohit 28|Nov|2020 end */
}

 /* vikas purohit 28|Nov|2020 start */
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: portrait) {

 
  .submenu-inner {
      max-height: 100%;
      overflow-y: auto;
  }

  .dashboard-bg .nav-logo {
    display: none;
}
  
  .dashboard-bg.togglewidth .nav-logo {
      display: block;
  }

  .admin-card .card-body .numbers .card-category {
    font-size: 15px;
    }
    .uploadOuterpic .logo {
        margin-left: 0px;
    }

    .dashboard-bg.togglewidth .uploadOuterpic .logo {
        margin-left: 30px;
    }

    .uploadOuterpic .logo img {
        width: 40px;
      height: 40px;
      margin: 10px 0;
    }
    
    .dashboard-bg.togglewidth .uploadOuterpic .logo img {
        width: 80px;
        height: 80px;
        margin: 10px 0;
    }
}

@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1366px) 
and (-webkit-min-device-pixel-ratio: 2) 
and (orientation: landscape) {
   
    .submenu-inner {
        max-height: 100%;
        overflow-y: auto;
    }

    .dashboard-bg.togglewidth .nav-logo {
        display: none;
    } 

}
 /* vikas purohit 28|Nov|2020 end */


/*=== end max-width 1024px === */

@media only screen and (min-width: 992px) and (max-width: 1024.99px){
    body{
        font-size:52.5%;
    }
    .tablegrid table.dataTable.nowrap td .btn-success
    { 
        margin-bottom: 5px;
    }

}

/*=== end max-width 1024px === */

@media only screen and (min-width: 768px) and (max-width: 991.98px){
    body{
        font-size:45.5%;
    }
    .btn-primary, .btn-success, .btn-warning {
        padding: 10px 14px;
    }
    .membersupportbtn {
        margin-top: 26px;
    }
    .login-page::after {
        transform: scale(3);
    }
  
    .user-profile-view .userimg img {
        width: 150px;
    }

    /* vikas purohit 28|Nov|2020 start */
        .submenu-inner {
            max-height: 100%;
            overflow-y: auto;
        }
        .dashboard-bg.togglewidth .nav-logo {
            display: block;
        }
        .fs-wrap {
            width: 270px !important;
        }
    /* vikas purohit 28|Nov|2020 end */

}
/*=== end max-width 990.89 === */


@media only screen and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .login-title {
        margin-bottom: 20px;
    }
    .cust-btn .btn-primary{
        font-size: 14px;
    }
}
/*=== end max-width 812 === */


@media only screen and (min-width: 569px) and (max-width: 767.98px) {
    body{
        font-size:45.5%;
    }
     /*== Left and right section ==*/
    
}
/*=== end max-width 767.99 === */







/*=== min-width 320 and max-width 991 ===*/

@media screen and (max-width:1025px){
 /*== Common == */
    .header-row .navbar-nav{
        flex-direction: row;
    }
    /*== Left navigaiton ==*/
    .left-section{
        width:50px;
    }
    .right-section{
        margin-left: 51px;
        width: calc(100% - 51px);
    }
    .box{
        padding:5px;
    }
    /*==width toggle menu ==*/
  
    .togglewidth .left-section{
        width:300px;
    }
    .togglewidth .right-section{
        width:100%;
        margin-left: 0;
    }
    .togglewidth .left-section .navi-close-btn{
        position: absolute;
        top: 0px;
        right: -40px;
        width: 40px;
        height: 40px;
        border: 0;
        background: rgba(0,0,0,0.8);
        display: block;
        text-align: center;
        line-height: 48px;
        }
        .togglewidth .left-section .navi-close-btn .fa-times{
            font-size: 2.5em;
            color:#fff;
        }
    .hamburger-btn{
        transform: rotateY(0deg);
        left:0px;
        top: 10px;
        margin: 0 auto;
    }
    .togglewidth .left-section .account-details .img-preview img {
        width: 100px;
    }
    .togglewidth .left-section .account-details .uploadbtn{
        display: block;
    }
    .togglewidth .left-section .account-details .content-details {
        display: block;
        margin-left:10px;
    }
    .togglewidth .left-section .nav-section ul li .sidebar-submenu .submenu-inner {
        display: flex;
        align-items: end;
        height: auto;
    }
    .togglewidth .left-section .nav-section ul li .sidebar-submenu .submenu-inner a.submenu-active{
        background-color:rgba(255,255,255,0.2);
    }
    .togglewidth .left-section .hamburger-btn{
        transform: rotateY(-180deg);
        right:6px;
        margin: 0;
        left: unset;
    }
    .left-section .nav-section ul li a span,
    .left-section .nav-section ul li a .fa-chevron-down{
        display: none;
    }
    .left-section .nav-section ul li a{
        text-align: center;
        font-size: 1.8em;
    }
    .togglewidth .left-section .nav-section ul li a span,
    .togglewidth .left-section .nav-section ul li a .fa-chevron-down{
        display: inline-block;
    }
    .togglewidth  .left-section .nav-section ul li a{
        text-align: left;
    }
      /*== Submenu == */

      .togglewidth  .left-section .nav-section ul li .sidebar-submenu{
        display: block;
        transition: all 1s;
        background-color: rgba(0,0,0,0.1);
        position: static;
        width: 100%;
    }
    .togglewidth  .left-section .nav-section ul li .sidebar-submenu a{
        padding:10px 15px;
        color:#fff;
     }
    
     .togglewidth .left-section .sidebar-submenu .submenu-inner .submeny-close-btn{
        display: none;
    }
    .togglewidth .left-section .nav-section ul li .sidebar-submenu .submenu-inner div{
        margin-top:0px;
    }
   

     /*== Submenu == */
     .left-section .sidebar-submenu .submenu-inner .submeny-close-btn{
        display: block;
    }
     .left-section .nav-section ul li .sidebar-submenu .submenu-inner div{
        margin-top:50px;
    }
     .left-section .nav-section ul li .sidebar-submenu{
        transition: all 1s;
        background-color: #fff;
        position: absolute;
        width: 250px;
        top: 0;
        bottom: 0;
        left:50px;
        box-shadow: 0 0 3px rgba(0,0,0,0.3);
        border-radius: 0 4px 4px 0px;
        display: none;
        z-index: 1;
     }
    .left-section .nav-section ul li .sidebar-submenu .submenu-inner{
        display: flex;
        align-items:end;
        height: 100vh;
    }
     .left-section .nav-section ul li .sidebar-submenu a{
         text-align: left;
         color:rgba(0,0,0,0.8);
     }
     .left-section .nav-section ul li .sidebar-submenu a.submenu-active{
        background-color: rgba(0,0,0,0.1);
     }
     .left-section .nav-section ul li .sidebar-submenu a:hover{
        text-align: left;
        background-color:rgba(72,133,237, 0.2);
        border-left:5px solid rgba(72,133,237, 1);
    }
     .left-section .content-details{
        display: none;
    }
    .left-section .account-details .img-preview  img{
        width:60px;
        height: auto;
        max-width: -webkit-fill-available;
    }
    .account-details .img-preview {
        height: auto;
        width: auto;
    }
    .left-section .account-details .uploadOuterpic{
        margin:0 5px;
    }
    .left-section .account-details .uploadbtn{
        display: none;
    }
    .profile-edit{
        padding:20px 0;
        border-right: 0;
    }

    /* wizard*/
    .form-wizard .form-wizard-header {
        padding-top: initial;
    }
    .registred-page .btn-primary {
        min-width: 170px;
    }
    /*end wizard*/

}
/*=== min-width 320 and max-width 991 ===*/

/* CSS Special for the sign up page */
/* ==== max-width : 767 =====*/
@media only screen and (max-width: 1920px)
{
    .left-section {
        width: 17%;
    }
    .right-section {
        width: 82%;
        margin-left: 325px;
    }
}
@media only screen and (max-width: 1600px)
{
    .left-section {
        width: 22%;
    }
    .right-section {
        width: 78%;
        margin-left: 352px;
    }
}
@media only screen and (max-width: 1440px)
{
    .left-section {
        width: 22%;
    }
    .right-section {
        width: 78%;
        margin-left: 322px;
    }
}
@media only screen and (max-width: 1280px)
{   
    .right-section {
        width: 78%;
        margin-left: 282px;
    }
}
@media only screen and (max-width: 1024px)
{
    .left-section {
        width: 8%;
    }
    .togglewidth .left-section {
        width: 26%;
    }
    .right-section {
        width: 92%;
        margin-left: 82px;
    }
    .togglewidth .right-section {
        width: 74%;
        margin-left: 270px;
    }
    .nav-logo a img
    {
        display: none;
    }
    .togglewidth .nav-logo a img
    {
        display: block;
        width: 242px;
    }
}
@media only screen and (max-width: 768px)
{
    .left-section {
        width: 8%;
    }
    .togglewidth .left-section {
        width: 26%;
    }
    .right-section {
        width: 92%;
        margin-left: 60px;
    }
    .togglewidth .right-section {
        width: 74%;
        margin-left: 200px;
    }
    .togglewidth .nav-logo a img
    {
        display: block;
        width: 181px;
    }
}
@media screen and (min-width:580px) and (max-width:991px){
    .primary-bg{
        background-color:transparent;
    }
    .registred-page{
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
    }
    .vertical-align{
        height: auto;
        text-align: center;
        display: block;
        background-color:transparent;
        
    }
    .vertical-align p {
        font-size: 2.2em;
        color:rgba(0,0,0,0.8);
    }
    .vertical-align h1{
        font-family: "latosemibold";
        color:rgba(0,0,0,0.8);
    }
    .vertical-align h1 br{
        display: none;
    }
    .vertical-align h1 span{
        display: inline;
    }
    .registred-page-left{
        position: static;
    }
    .registred-page-right{
        height: auto;
    }
    /*wizard*/
    .form-wizard .form-wizard-header {
        padding-top: initial;
    }
    /*end wizard*/
    .membersupportbtn {
        margin-top: 26px;
    }


    

    /* vikas purohit 28|Nov|2020 start */
    
    .dashboard-bg .nav-logo {
        display: none;
    }
    
    .section-top, .vertical-align {
        height: auto; 
    }
    .vertical-align:before {
        z-index: -1;
    }
    .vertical-align:after {
        display: none;
    }
    
    div#editpreview {
        width: 80px;
        height: 80px;
    }

    label.btn[for="edituploadFile"] {
        right: 0px;
        top: 40px;
    }

    /* vikas purohit 28|Nov|2020 start */
    .section-container .table-responsive .btn{
        width: auto !important;
        margin: 5px !important;
    }

    .section-container .table-responsive .col-sm-4{
        margin: 5px !important;
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
    }

    .table-responsive td.child span.dtr-data {
        white-space: initial;
    }
    
    .table-responsive td.child span.dtr-data label{
        margin: 5px;
    }
    
	table.dataTable.dtr-inline.collapsed>tbody>tr>td.child {
		overflow-x: hidden;
    }
    
    .registred-page-right, .registred-page-left {
        height: auto;
    }

    .uploadOuterpic .logo {
        margin-left: 0px;
    }

    .togglewidth .uploadOuterpic .logo {
        margin-left: 40px;
    }

    .uploadOuterpic .logo img {
      width: 40px;
      height: 40px;
      margin: 10px 0;
    }
    
    .dashboard-bg.togglewidth .uploadOuterpic .logo img {
        width: 80px;
        height: 80px;
        margin: 10px 0;
    }
    .btn.btn-info, .btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-light, .btn-secondary, .btn-referral {
        margin-bottom: 1em !important;
    }
    /* vikas purohit 28|Nov|2020 end */
}


/* ==== max-width : 767 =====*/
@media screen and (max-width:767px){

   

    /*== header == */


    .btn-mobile-block{
        display: none;
        position: absolute;
        right: 15px;
        top: 55px;
        z-index: 1;
        background: #fff;
        padding: 5px 15px !important;
        border-radius: 4px;
        border: 1px solid rgba(0,0,0,0.2);
        width: 250px;
    }
    .btn-mobile-block .header-top .select-currency{
        width:40%;
    }
    .btn-mobile-block .header-top .select-language{
        width:60%;
    }
    .btn-mobile-block .header-btm{
        width:100%;
    }
    .btn-mobile-block .header-btm .btn-group{
        display: block;
        width:100%;
    }
    .btn-mobile-block .header-btm .btn{
        margin-right:0;
        width:100%;
        border-radius: 0;
        margin-bottom:10px;
    }
    .mobile-ellipsis-v{
        display: block;
        width: 40px;
        height: 40px;
        position: relative;
     
    }
    
    .mobile-ellipsis-v .btn{
        margin: 0;
        width:40px;
        color: rgba(0,0,0,0.8);
        background-color: #F4F5FA;
        border: 1px solid #C5D7DD;
        position: absolute;
        top: 18px;
        right: 5px;
    }
    

        /*== header end == */ 



    /*=== Login section === */

    .login-title{
        margin-bottom: 30px;
    }
    .login-page::after {
        top: -10%;
        right: -14%;
        transform: scale(2);
    }

    .button-header{
        display: none;
    }
    .user-profile{
        padding-left:0px;
        display: block;
    }
    .mobile-none{
        display: none;
        position: absolute;
        top: 50px;
        right: 10px;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,0.3);
        padding: 8px 10px;
        border-radius: 4px;
        width:max-content;
        z-index: 2;
    }
    .header-row .navbar-brand{
        margin:0;
    }
    .user-profile{
        padding-left:0px;
        display: block;
    }
    .user-profile .img-sec {
        padding: 7px;
    }
    .user-profile .img-sec img{
        width:40px;
        height: 40px;
    }

    .header-icon i{
        font-size:3em;
    }

    /*== user-profile ==*/

    .user-profile-view{
        display: flex;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }
    .user-profile-view .userimg{
        padding: 0 0px 0 0;
  }
  .quick-heidaing{
        margin-top: 15px;
    }

    .personal-detail button{
        margin: 15px 0 8px 0;

    }
     
    .uploadOuterpic .logo {
        margin-left: 0px;
    }

}

/* Vikas Purohit 02|Dec|2020 start */
@media only screen and (max-width:480px) {
	.secure-points .box-1 p:last-child {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.dashboard-bg.togglewidth .left-section {
		z-index: 5;
	}
	a#LeftShow {
		padding: 0 !important;
		width: 35px;
		line-height: 35px;
		height: 35px;
		background-color: #4885ed;
		color: #fff;
		margin: 10px 0;
		border-radius: 4px;
        display: block;
        right: 10px;
        top: 10px;
        position: fixed;
	}
	#LeftShow.ArrowClose {
		margin: 8px 15px 10px;
	}
	.rightSection {
		position: fixed;
		background-color: #fff;
		height: 100vh;
		right: -410px;
		z-index: 2;
		width: 70%;
		top: 0;
		transition: 0.5s all ease;
		box-shadow: 0 0 13px 4px rgb(0, 0, 0, 0.2);
	}
	.rightSection.LeftNavbar {
		right: 0;
	}
	.ArrowClose .fas:before {
		content: "\f00d";
	}
	.ArrowClose, #LeftShow {
		z-index: 4;
	}
	.ArrowClose {
		position: fixed;
		top: 16px;
		right: 0;
    }
    #LeftShow.ArrowClose {
        right: 80%;
        transition: 0.5s all ease;
    }
    .quick-link {
        height: calc(52vh - 100px);
        overflow-y: auto;
    }
}
/* Vikas Purohit 02|Dec|2020 end */

@media only screen and (min-width: 320px) and (max-width: 568.98px) {
    body{
        font-size:55.5%;
    }

.container .mobile-row-mx{
    margin-right:0;
    margin-left:0;
}
.container .mobile-column-px{
    padding-right:0;
    padding-left:0;
}

    .header-row{
        align-items: end;
    }
    .tablegrid .custom-pag{
        flex-direction: column;
    }

    /*== Left and right section ==*/
    .left-section{
        width:50px;
    }
    .right-section{
        margin-left: 51px;
        width: calc(100% - 51px);
        padding: 0px;
    }
    .tablegrid .custom-pag .page-link.show-all {
        margin: 15px 0;
    }
    .togglewidth .left-section .navi-close-btn{
        right:5px;
        top:5px;
        z-index: 9;
        border-radius: .25rem;
    }

    /*==width toggle menu ==*/
    .togglewidth .left-section{
        width:100%;
    }
    .togglewidth .right-section{
        width: calc(100% - 70%);
    }
     
  
    /*== Submenu == */
    .edituserimg{
        text-align: center;
        margin-bottom: 15px;
    }
    .edituserimg .btn{
        display: block
    }
    .edituserimg span{
        font-size: 1.5em;
    }

    /* == My Profile USesr == */
    .user-detail-view{
        flex-direction: column;
    }
    .user-detail-view h2 {
        padding: 0px 0 5px;
        font-size: 2.5em;
    }

    .dh-account {
        text-align: center;
    }
    .cust-btn .btn-primary{
        font-size: 14px;
    }


    /*wizard*/
    .form-wizard .form-wizard-header {
        padding-top: initial;
    }
    /*end wizard*/

    /*member-registration*/
    .vertical-align h1 {
        font-size: 4em;
    }
    .vertical-align {
        display: block;
        align-items: center;
        height: auto;
        padding: 0 29px;
    }
    .registred-page-left {
        position: initial;
        top: auto;
    }
    .registred-page-right {
        display: block;
        align-items: center;
        height: 100vh;
    }
    .needs-validation{
        padding: 0 29px;
    }
    .registred-page .btn-primary {
        min-width: 100%;
    }
    /*end member-registration*/

    /*manage-my-secure-point*/
    .nav-tabs .nav-item .nav-link {
        border-radius: 4px;
        font-size: 12px;
        margin: 5px 2px;
    }
    .total-conn-info a {
        font-size: 14px;
    }
    .nav-link {
        display: block;
        padding: 0.5rem 0.5rem;
    }
    .tablegrid .dataTables_wrapper .dataTables_paginate span .paginate_button
    {
        padding: 4px 8px;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active
    {
        padding: 0px 6px 0px 0px;
    }
    .tablegrid .dataTables_wrapper .dataTables_paginate .paginate_button
    {
        padding: 0;
    }
    
    /*end manage-my-secure-point*/

    /* member-support*/
    .member-support .btn-group {
        display: initial;
    }
    .member-support .btn-group button{
        margin-bottom: 10px;
    }
    /*end member-support*/

    /*edit user details*/
    .header-top {
        width: 85%;
    }
    .otherlinkhead{
        width: 50%;
    }
    .logouthead{
        width: 41%;
    }
    .header-btm .btn-group{
        margin-bottom: 10px;
    }
    /*end edit user details*/
    .quick-heidaing{
        margin-top: 15px;
    }
    .personal-detail button{
        margin: 15px 0 8px 0;
        width: 100%;

    }
    .circle-div {
        width: 100px;
        height: 55px;
        margin-right: 15px;
    }

    .emailicons{
        width: 65px;
    }
    .collapse-heading .legalpolice{
        width: 200px;
    }
    
    .tablegrid .table-responsive-sm {
        display: inline-table;
    }
    .tablegrid .table-responsive {
        min-width: inherit;
    }
    #personaldetails button{
        margin-top: 10px;
        font-size: 14px;
        padding: 8px 0;
    }
    .btn-primary, .btn-success, .btn-warning, .btn-danger, .btn-light, .btn-secondary, .btn-referral
    {
        font-size: 13px;
        padding: 6px 12px;
    }
    .section-container a button, .section-container button{
        width: 100%;
        margin-bottom: 15px;
        font-size: 15px;
    }
    .card-body form button{
        width: 100%;
        font-size: 17px;
    }
    .section-container form button{
        width: 100%;
        font-size: 14px;
        padding: 6px 0px;
    }
    .total-conn-info p span
    {
        font-size: 13px;
    }
    .section-container .btn-success{
        width: 100%;
        padding: 6px 0;
        margin-bottom: 15px;
        font-size: 14px;
    }
    .form-group {
        margin-bottom: 5px;
    }
    .footer, .footer-info {
        flex-direction: column;
    }
    .mobile-none {
        display: none;
    }
    .footer-logo-img {
        padding: 20px;
    }
    .footer-info .footer-border-right {
        background: none;
        border-bottom: 1px solid #fff;
        padding: 20px;
    }
    .footer-discount h5 {
        width: 70%;
        padding: 20px;
    }

    /* vikas purohit 28|Nov|2020 start */
    .section-container .table-responsive .btn-success{
        width: auto !important;
        margin: 5px 0 !important;
        padding: 5px;
    }

    .table-responsive td.child span.dtr-data {
        white-space: initial;
    }
    
    .table-responsive td.child span.dtr-data label{
        margin: 5px;
    }
    
	table.dataTable.dtr-inline.collapsed>tbody>tr>td.child {
		overflow-x: hidden;
	}


    .dashboard-bg .nav-logo {
        display: none;
    }
    
    .section-top, .vertical-align {
        height: auto; 
    }
    
    .vertical-align:after {
        display: none;
    }
    .footer, .footer-info {
        flex-direction: column;
    }
    .mobile-none {
        display: none;
    }
    .footer-logo-img {
        padding: 20px;
    }
    .footer-info .footer-border-right {
        background: none;
        border-bottom: 1px solid #fff;
        padding: 20px;
    }
    .footer-discount h5 {
        width: 70%;
        padding: 20px;
    } 

    .submenu-inner {
        max-height: 100%;
        overflow-y: auto;
    }

    .dashboard-bg.togglewidth .nav-logo {
        display: block;
    }

    .small-box>.inner {
        padding: 60px 5px 10px;
        margin-left: 0;
    }
    .formobilecls h2 {
        font-size: 14px;
    }
    .formobilecls h2 span {
        display: block;
        display: flex;    
    }
    .small-box
    {
        height: 170px;
    }

    .box h2 img {
        float: left;
        padding-right: 10px;
    }

    .reffer-text {
        width: 100%;
    }

    .uploadOuterpic .logo {
        margin-left: 0px;
    }

    .togglewidth .uploadOuterpic .logo {
        margin-left: 70px;
    }

    .registred-page-right, .registred-page-left {
        height: auto;
        padding: 0 15px;
    }

    .fs-wrap {
        width: 100% !important;
    }

    .uploadOuterpic .logo img {
      width: 40px;
      height: 40px;
      margin: 10px 0;
    }
    
    .dashboard-bg.togglewidth .uploadOuterpic .logo img {
        width: 80px;
        height: 80px;
        margin: 10px 0;
    }
    /* vikas purohit 28|Nov|2020 end */    
}
/*=== end max-width 568 === */

@media screen and (orientation:landscape) and (max-width : 767px){
    .login-form {
        width: 100%;
       display: block; 
        align-items: center;
        justify-content: center;
        height:auto;
        padding: 25px 0;
    }
    .cust-btn .btn-primary{
        font-size: 14px;
    }


}


@media (min-width: 576px) {
    .jumbotron.refer-friends-section {
		padding: 2rem 1rem;
	}
}


/*
.nav-tabs {
    display:none;
}

@media(min-width:768px) {
    .nav-tabs {
        display: flex;
    }

    .card {
        border: none;
    }

    .card .card-header {
        display:none;
    }  

    .card .collapse{
        display:block;
    }
}

@media(max-width:767px){
    .tab-pane {
        display: block !important;
        opacity: 1;
    }
} 
*/

/* vikas purohit 28|Nov|2020 start */



/* vikas purohit 28|Nov|2020 end */