@charset "utf-8";
/* CSS Document */
/**
Copyright © 2019, Nesote Technologies Private Limited (www.nesote.com).

This particular file  'responsive.css' and the software/application 'Inout Struct' are licensed strictly under the licensing terms and conditions of  the website  http://www.inoutscripts.com/, which can be found in the URL http://www.inoutscripts.com/terms.php

You are licensed to use this file and the software/application 'Inout Struct’ only if you have already obtained a valid license directly from Nesote Technologies Private Limited through the website Inout Scripts (http://www.inoutscripts.com/) to use the software/application 'Inout Struct’ in your website. Any such use shall be restricted only for the allowed use and in (and for) the allowed website (allowed by Nesote Technologies Private Limited), according to the terms and conditions of the license agreement (which can be found in  http://www.inoutscripts.com/terms.php ).

You shall not distribute this file and/or the software/application fully or partly to anyone.
*/
@media screen and (max-width: 1200px) {

   
.home-banner {
    background: url(../../images/homepage.jpg);
    width: 100%;
    height: 618px;
    margin: 0 auto;
    background-size: cover;
    position: relative;
}


	.sidebar-menu a img {
       padding-right: 0px;
       display: block!important;
       text-align: center!important;
       margin: auto!important;
       padding-bottom: 10px;
       width: 30px;
}
	.sidebar-menu a {
		display: block!important;
		text-align: center!important;
	}
}
@media screen and (max-width: 992px) {


 



	.outer-white{
		display: none;
	}
	.home-responsive-img{
		display: block;
	}
	.outer-blue {
        width: 100%;
	}
	.inner-blue-div.register{
		position: relative;
	}
	.sidebar-menu a {
    position: relative;
    display: block;
    padding: 15px;
    color: #FFF;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-align: center;
	letter-spacing: .3px;
}
	.sidebar-menu a img {
    padding-right:0px;
    display: block;
    text-align: center;
    margin: auto;
    padding-bottom: 10px;
    width: 30px;
}
.navbar ul li a {

    text-align: left;

}
}
@media screen and (min-width: 769px) {
	.sidebar-menu{
		display: block!important;
	}
}
@media screen and (max-width: 991px) {
	a.element-items.active {
        display: initial;
        border: none!important;
    }
	ul.navbar-nav li.nav-item {
        border-bottom: 1px solid #eaeaea;
        padding: 10px 0;
    }
	.nav-btns {
        width: 100%;
        max-width: 250px;
		text-align: center!important;
    }
	.nav-btns-register {
        width: 100%;
        max-width: 250px;
		text-align: center!important;
    }
	.nav-item.custom-dropdown a {
        text-align: left;
		padding: 5px 10px!important;
		/*max-width: 250px;*/
    }
	.nav-item.custom-dropdown .dropdown-toggle::after {
        position: absolute;
        right: 10px;
	    vertical-align: middle;
	    top: 5px;
    }
	.navbar {
        padding: 5px 15px 5px;
    }
	ul.navbar-nav {
        padding: 10px;
        margin-bottom: 30px;
    }
	.select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #525252 transparent transparent transparent!important;
	}
}
@media screen and (max-width: 900px) {
	.mobilehead {
	    display: block;
		font-weight: 400;
		font-size: 14px;
    }
	table.res_table thead {
		display: none!important;
	}
	table.res_table tbody tr td {
        color: #585858;
        font-size: 13px;
        padding: 12px;
        border: none!important;
        border-top: none;
        display: block!important;
    }
	a.export-log-history {
        position: relative;
        font-size: 12px;
        padding: 6px 15px;
        border: 1px solid #CCC;
        color: #868e96;
		margin-left: 5px;
     }
	.menulangugesl {
		padding-left: 0;
	}
	.public-card-header {
       max-width: 93%;
    }
	.public-card-body {
       padding: 15px 1.3em 35px;
    }
	.compress-width{
		padding-right: 0px;
	}
	.center-dash p {
        color: #70657b !important;
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.6px;
}
}
@media screen and (max-width: 768px) {
	.background-img-wrapper{
		display: block;
	}
	.home-responsive-img{
		display: none;
	}
	.login-button .submit-login{
		display: block;
		margin-bottom: 10px;
	}
	.nav-btns {
		width: 100%;
		max-width: 250px;
	}
	.nav-btns-register {
		width: 100%;
		max-width: 250px;
	}
	.nav-item select {
        width: 100%;
        margin-top: 10px;
    }
    .res-logo-img {
        width: 275px!important;
    }
    .navbar {
        padding: 1rem 15px 1rem;
    }
	.mobile-management {
		display: block!important;
		margin-top: 20px;
	}
	.sidebar-menu {
		display: none;
		width: 100%;
        min-width: 100%;
	}
	.sidebar-menu li.heading {
		display: none;
	}
	.compress-width{
		width: 100%;
		min-width: 100%;
		padding-right: 0!important;
	}
	.page-content {
       padding: 30px 0;
    }
	.right-side-public {
       width: 100%;
       min-width: 100%;
    }
	.zero-space {
       width: 100%!important;
       min-width: 100%;
    }
	.zero-space2 {
	   padding: 0px;
	}
    .navbar-brand {
       width: 75%;
    }
    a.export-log-history {
       position: reelative;
       padding: 4px 15px;
       border: 1px solid #CCC;
       color: #868e96;
       margin-bottom: 15px;
       float: left;
       margin-left: 15px;
     }
	.mobile-top-space{
	   padding-top: 50px!important;
	 }
	ul.navbar-nav {
		padding: 10px;
	}
	ul.navbar-nav li.nav-item {
        border-bottom: 1px solid #eaeaea;
        padding: 12px 0;
    }
	.navbar ul li a {
        text-align: left;
    }
	.nav-item.custom-dropdown a {
	    padding: 7px 0px;
	}
	a.element-items.active {
        display: initial!important;
		border: none!important;
    }
	.public-card-header {
        margin: 0;
        max-width: 100%;
    }
span.account-profile-script {
		padding-left: 0;
	}
.outer-password-public {
        padding: 15px;
    }
.outer-account-public {
         padding: 15px;
    }
.page-heading {
	 	 padding-left: 15px;
	}
p.cpyryttxt {
         margin-top: 15px;
    }
.footerlinks-a {
         padding: 5px;
    }
.page-url-links {
    padding: 0;
}
.footerlinks-a {
    padding: 5px;
}
.footer-item-li {
    padding: 2px;
}
}
@media screen and (max-width: 600px) {
	span.account-profile-script {
        min-width: 100%;
        padding-bottom: 8px;
    }
	 .inner-blue-div {
	    padding: 50px 22px 40px 22px;
    }
	.public-card-body {
        padding: 15px 10px 35px;
    }
	.outer-blue1 {
        padding: 2em 15px;
    }
    .nav-item.custom-dropdown a {
         max-width: 100%;
         margin-right: 0;
}
}
@media screen and (max-width: 420px) {
	.inner-blue-div.register{
	    padding: 30px 15px 40px 15px;
	}
    .inner-blue-div {
	    padding: 50px 20px 40px 20px;
    }
    .outer-blue {
        padding: 4em 15px;
    }
    .outer-blue-ip-section {
        padding: 3em 15px;
    }
    .page-title__title h2 {
        font-size: 25px;
    }
	.public-password-card {
		padding: 15px 10px;
	}
    .public-two-factor-card {
		padding: 30px 5px;
	}
    .res-logo-img {
        width: 220px!important;
    }
	.outer-account-public h4 {
	    font-size: 15px;
	}
	.ip-address-button a {
        max-width: 200px;
        width: 100%;
}
}
@media screen and (max-width: 385px) {
	.social-facebook-login-btn {
        margin-bottom: 10px;
        text-align: center;
    }
	.social-twitter-login-btn {
        margin-bottom: 10px;
        text-align: center;
    }
	.social-google-login-btn {
        margin-bottom: 10px;
        text-align: center;
    }
}