@media (min-width: 768px) {
                .container {
                    width: 750px;
                }
            }

            @media (min-width: 992px) {
                .container {
                    width: 970px;
                }
            }

            @media (min-width: 1200px) {
                .container {
                    width: 1170px;
                }
            }

            @media (min-width: 1400px) {
                .container {
                    width: 1280px;
                }
            }

            @media (min-width: 768px) {
                #wrapper {
                    padding-left: 145px;
                }
                #page-wrapper {
                    padding: 50px;
                    width: 100%;
                }
                .side-nav {
                    position: fixed;
                    top: 112px;
                    left: 145px;
                    width: 150px;
                    margin-left: -145px;
                    border: none;
                    border-radius: 0;
                    overflow-y: auto;
                    background-color: #000000;
                    bottom: 0;
                    overflow-x: hidden;
                    padding-bottom: 40px;
                    /*padding: 30px 0;*/
                }
                .side-multi-nav {
                    left: 250px;
                    width: 250px;
                    margin-left: -250px;
                }
                .side-nav li a {
                    width: 150px;
                    font-size: 22px;
                    transition: all .2s ease-in-out;
                    /*
            height: 142px;
            line-height: 142px;
*/
                    text-align: center;
                    color: #ffffff;
                    padding: 28px 15px;
                }
                .navbar-nav li {
                    float: none
                }
                .side-multi-nav li a {
                    display: block;
                    padding: 10px 15px;
                    text-align: left;
                    width: 100%
                }
                .nav>li>a:focus,
                .nav>li>a:hover,
                .nav>li.active>a {
                    text-decoration: none;
                    background-color: rgba(216, 216, 216, .14);
                }
                .nav>li.active>a {
                    border-left: 2px solid #fff;
                }
                .sidebar {
                    z-index: 1;
                    position: absolute;
                    width: 250px;
                    margin-top: 51px;
                }
				

            }

            @media (max-width: 1320px) {
                .logo-sec.col-sm-6,
                .form-sec.col-sm-6 {
                    margin: 5% 0;
                }
                .login-footer span.addr {
                    font-size: 18px
                }
                .login-sec .form-sec h2 {
                    font-size: 36px;
                }
            }

            @media (max-width: 1200px) {
                .login-sec .form-sec h2 {
                    font-size: 30px;
                }
                .add-user .login-sec .form-sec h2 {
                    font-size: 34px;
                }
                .login-form .btn-login {
                    font-size: 20px;
                    padding: 6px 60px;
                }
                .login-form input {
                    font-size: 24px;
                }
                .login-sec .form-sec {
                    padding-right: 10%;
                }
                .logo-login img {
                    max-width: 80%
                }
                .login-footer span.addr {
                    font-size: 15px;
                }
                .btn-touch {
                    padding: 7px 50px;
                    font-size: 22px;
                }
                /*
                .btn-black,
                .btn-white {
                    font-size: 30px;
                }
*/
                body.add-user .login-sec .form-sec {
                    padding-right: 8%;
                }
                body.add-user .form-sec button img {
                    max-width: 44%
                }
                body.add-user .form-sec button {
                    padding: 12px 15px;
                }
                body.add-user .logo-sec.col-sm-6,
                body.add-user .form-sec.col-sm-6 {
                    margin: 6% 0 1%;
                    padding: 4% 7%;
                }
                .btn-logout {
                    font-size: 26px;
                }
                #page-wrapper {
                    padding: 50px 2% 120px;
                }
                .fab {
                    bottom: 5px;
                    right: 0px;
                    width: 60px;
                    height: 60px
                }
                .fab:hover {
                    height: 210px;
                }
                .fab:hover .buttons:not(:last-child) {
                    bottom: 150px;
                }
                .fab:hover .buttons.add-manual {
                    bottom: 80px;
                }
                .side-nav>li>a {
                    font-size: 20px;
                    padding:15px;
                }
                .dashboard .btn-logout {
                    font-size: 18px;
                    padding: 8px 30px;
                }
                .fi-18:before {
                    font-size: 16px;
                }
                .page-wrapper .action-buttons button {
                    font-size: 14px;
                }
                .page-wrapper .page-header h2 {
                    font-size: 26px;
                }
                th.all {
                    width: 150px !important;
                }
                th.usrname {
                    width: 150px !important;
                }
                th.usremail {
                    width: 200px !important;
                }
                table.dataTable tbody td {
                    font-size: 14px;
                    word-break: break-word;
                }
                td.edit a {
                    font-size: 16px;
                    margin: 0 5px;
                }
                .checkbox label::before {
                    width: 18px;
                    height: 18px
                }
                .dataTables_wrapper .dataTables_paginate .paginate_button {
                    padding: 0.3em .8em;
                }
                .btn-search {
                    font-size: 18px;
                }
                .buttons.plus {
                    width: 60px;
                    height: 60px;
                    line-height: 60px;
                    font-size: 20px;
                }
                .btn-round {
                    width: 60px !important;
                    height: 60px !important;
                    min-width: 60px !important;
                    line-height: 50px !important;
                    border-radius: 50% !important;
                    padding-top: 4px !important;
                    font-size: 20px !important;
				}
				th.ip-nam{width:350px!important;}
                th.ip-log{width:410px!important;}
                th.ip-rpt{width:300px !important;}
                th.ip-brw{width:300px !important;}
                th.ip-os {width: 300px!important;}
                th.ip-typ{width: 200px!important;}
                th.ip-pwd{width: 400px !important;}
                th.ip-sts{width: 200px!important;}
               
            }
            /******  991px *************/

            @media (max-width: 991px) {
                .login-sec .form-sec h2 {
                    font-size: 26px;
                }
                .add-user .login-sec .form-sec h2 {
                    font-size: 26px;
                    margin: 15px 0 15px
                }
                margin: 15px 0 15px;
                .login-form input {
                    font-size: 22px;
                }
                .fi-36:before {
                    font-size: 30px;
                }
                .login-form .btn-forgot {
                    font-size: 16px;
                }
                .login-form input {
                    margin: 38px 0;
                }
                .login-form .btn-login {
                    font-size: 18px;
                    padding: 4px 40px;
                }
                .login-footer span.addr {
                    font-size: 14px;
                }
                .btn-touch {
                    padding: 6px 40px;
                    font-size: 20px;
                }
                .fi-22:before {
                    font-size: 16px;
                }
                .btn-logout {
                    font-size: 18px;
                }
                body.add-user .form-sec button {
                    padding: 8px 30px;
                }
                /*
                .btn-black,
                .btn-white {
                    font-size: 24px;
                }
*/
                .divider-with-cont {
                    margin: 18% 0;
                }
                .bar-user-btm .select-count {
                    font-size: 16px;
                }
                .bar-user-btm .select-count strong.badge {
                    width: 20px;
                    height: 20px;
                    font-size: 13px;
                    line-height: 20px;
                }
                .bar-user-btm ul li button.btn-select-all {
                    font-size: 16px;
                    min-width: 150px;
                    height: 30px;
                    line-height: 30px;
                }
                .bar-user-btm ul li button.cancel-select-user {
                    font-size: 16px;
                }
                .bar-user-btm ul li button.cancel-select-user i {
                    font-size: 20px;
                }
                .bar-user-btm ul li {
                    padding: 0 20px;
                }
                .bar-user-btm {
                    min-height: 70px;
                    line-height: inherit
                }
                .fab {
                    margin: 1em 1em 1em 0;
                    bottom: 30px
                }
                .buttons:not(:last-child) {
                    min-width: 120px;
                    height: 50px;
                    line-height: 50px;
                    padding: 0;
                    font-size: 16px;
                }
            }
            /******  767px *************/

            @media (max-width: 767px) {
                .table-responsive {                    
                     overflow-y: visible;                   
                }
                .mb-xs-2 {
                    margin-bottom: 20px;
                }
                .dashboard .btn-logout i {
                    font-size: 13px;
                }
                .container {
                    width: 96%;
                    margin: 0 2%;
                }
                .login-sec .form-sec h2 {
                    text-align: center
                }
                .login-sec .form-sec {
                    padding-left: 15%;
                    padding-right: 15%
                }
                .logo-login img {
                    max-width: 50%;
                }
                .login-footer {
                    margin: 0 15px;
                    padding: 15px 0;
                }
                .btn-touch {
                    float: none
                }
                .login-footer>div {
                    text-align: center;
                }
                .login-footer span.addr {
                    font-size: 14px;
                    margin: 0 0 15px;
                    display: block
                }
                .add-user .login-sec .form-sec h2 {
                    font-size: 34px;
                    margin: 10px 0 30px
                }
                body.add-user .form-sec.col-sm-6 {
                    padding: 0% 15% 5%;
                }
                .divider-with-cont {
                    margin: 14% 0;
                }
                body.add-user .form-sec button img {
                    max-width: 25%;
                }
                .divider-with-cont .center {
                    font-size: 30px
                }
                body.add-user .logo-sec.col-sm-6 {
                    border: none
                }
                .navbar-toggle .icon-bar {
                    width: 28px;
                    height: 2px;
                    border-radius: 1px;
                    background-color: #fff;
                }
                .navbar-toggle .icon-bar+.icon-bar {
                    margin-top: 5px;
                }
                ul.nav.top-nav {
                   position: absolute;
                   top: 30px;
                   width: 70%;
                   line-height: 1.5;
                   margin-left: 20%;
                }
                .top-nav-container {
                    position: relative
                }
                ul.nav.top-nav li {
                    float: none !important; 
                    text-align: center 
                }
                .navbar-brand>img {
                    display: block;
                    max-width: 70%;
					padding-top: 10px;
                }
                .navbar-brand {
                    height: 71px;
                    line-height: 100px;
                    z-index: 1
                }
                .page-header-main span {
                    font-size: 16px;
                    padding: 0
                }
                .navbar-brand:after {
                    display: none
                }
                .fi-34:before {
                    font-size: 22px;
                }
                .dashboard .btn-logout {
                    font-size: 14px;
                    padding: 3px 15px;
                    line-height: 20px;
                    margin: 20px 0 0;
                }
                .fi-18:before {
                    font-size: 14px;
                }
                .navbar-toggle {
                    z-index: 1
                }
                .side-nav>li>a {
                    color: #ffffff;
                    padding: 15px 15px;
                    font-size: 16px;
                    text-align: center;
                }
				.side-nav>li> :hover{
                    color: #000000;
                    background-color:#ffffff;
                }
                .nav>li {
                    /* text-align: center */
                }
                .side-nav>li>a>i {
                    margin: 0 0 0px;
                    font-size: 24px;
                }
                #page-wrapper {
                    padding: 0px 2% 120px;
                }
                .dataTables_wrapper .dataTables_filter label {
                    position: relative;
                    display: inline-block
                }
                .dataTables_wrapper .dataTables_filter label:after {
                    content: '\f002';
                    font-family: FontAwesome;
                    font-weight: normal;
                    font-style: normal;
                    text-decoration: none;
                    position: absolute;
                    left: 1px;
                    top: 28px;
                    padding: 6.5px 15px;
                    background: #ccc;
                    border-top-left-radius: 4px;
                    border-bottom-left-radius: 4px;
                }
                .dataTables_wrapper .dataTables_filter:after {
                    display: none
                }
                .navbar-toggle {
                    margin-right: 0;
					margin-top: 25px;
                }
                .security-form label span {
                    display: none
                }
                .navbar-header {
                    padding: 0 5px 10px;
                }
                .navbar-custom {
                    padding: 0;
                }
                .navbar-collapse {
                    margin-top: 5px;
                    /*                    border-top: 1px solid #ccc*/
                }
                ul.nav.navbar-nav.side-nav li {
                    border-top: 1px solid #ccc;
                }
                .btn-search {
                    margin-top: 0;
                    margin-bottom: 15px;
                }
                form[name="addsite"] input,
                form[name="addsite"] textarea {
                    margin: 0 0 10px;
                }
				form[name="addyoutube"] input,
                form[name="addyoutube"] textarea {
                    margin: 0 0 10px;
                }
				form[name="addgatewayip"] input,
                form[name="addgatewayip"] textarea {
                    margin: 0 0 10px;
                }
				form[name="addblacklist"] input,
                form[name="addblacklist"] textarea {
                    margin: 0 0 10px;
                }
				form[name="addwhitelist"] input,
                form[name="addwhitelist"] textarea {
                    margin: 0 0 10px;
                }
				.ser-btn{margin-top:20px;}
				.admintable{overflow-y: overlay;}
				
				.idp-icon {
					height: 50px;
					margin: 8px 0px;
				}
				.idp-content{margin:12px;}
				.step li {
				font-size: 14px;}
				.idp-input {
    display: -webkit-inline-box;
    width: 100%;
	
	
}
.en-mod{text-align: left;}

.safe-mod{   text-align: left;}
.lg-menu {
    top: 120%;
    right: 30%!important;
    text-align: left !important;
}
.lgot{font-size:16px;font-size: 18px;
    padding-top: 5px !important;
    font-weight: 500;margin-right: 0px;}
.lg-menu li a{text-align:left;}
            }
            /******  480px *************/

            @media (max-width: 480px) {
                .page-wrapper .action-buttons button {
                    margin-right: 0px;
                    margin-bottom: 25px;
                    width: 100%;
                }
                .action-buttons {
                    margin: 0 0 20px
                }
                .login-form input {
                    font-size: 18px;
                }
                .login-sec .form-sec h2 {
                    font-size: 22px
                }
                .login-form input {
                    margin: 28px 0;
                }
                .login-footer span.addr {
                    font-size: 13px;
                }
                .btn-touch {
                    padding: 5px 30px;
                    font-size: 16px;
                }
                .login-form .btn-forgot {
                    font-size: 16px;
                    line-height: 30px
                }
                .login-form .btn-login {
                    font-size: 16px;
                    padding: 4px 30px;
                }
                .fi-36:before {
                    font-size: 24px;
                }
                .btn-logout {
                    font-size: 15px;
                    padding: 4px 13px;
                    right: 20px
                }
                .add-user .login-sec .form-sec h2 {
                    font-size: 26px;
                }
                body.add-user .form-sec button {
                    padding: 6px 22px;
                }
                /*
                .btn-black,
                .btn-white {
                    font-size: 20px;
                }
*/
                .divider-with-cont .center {
                    font-size: 20px;
                }
                .navbar-brand>img {
                    margin: auto;
                }
                .navbar-brand {
                    padding: 0
                }
                .dashboard .btn-logout i {
                    font-size: 13px;
                }
                .bar-user-btm ul li.center {
                    border: none
                }
                form#password-mgmt {
                    padding: 30px 20px !important;
                }
                .form-group-flex {
                    display: block !important
                }
				.en-mod{text-align: center;}

             .safe-mod{   text-align: center;}
			 
            }



            @media only screen and (min-width:1200px) and (max-height:850px) {
                .side-nav li a {
                    padding: 30px 15px;
                    font-size: 20px;
                }
                .side-nav>li>a>i {
                    margin: 0 0 8px;
                    font-size: 30px;
                }
				th.ip-nam{width:350px!important;}
                th.ip-log{width:410px!important;}
                th.ip-rpt{width:300px !important;}
                th.ip-brw{width:300px !important;}
                th.ip-os {width: 420px!important;}
                th.ip-typ{width: 200px!important;}
                th.ip-pwd{width: 440px !important;}
                th.ip-sts{width: 200px!important;}
				
            }