/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1401px) and (max-width: 1600px){
.auth-layout-wrap .auth-content{
	padding: 0px;
}
.auth-layout-wrap .navbar-expand-md.fixed-top, #registraion .navbar-expand-md.fixed-top {
    padding: 0px 60px;
}
.ml3 {
	font-size: 4.2em
}
.auth-layout-wrap{
	height: 740px;
}
#howitworks{
	padding: 80px 0px;
}
}
@media (min-width: 1200px) and (max-width: 1400px){
.innersection img{
	width: 640px;
}
.innersection h1{
	font-size: 40px;
}
.innersection h2{
	font-size: 22px;
	line-height: 30px;
}
.dashboard-message h2{
	font-size: 28px;
}
.card-outline i {
    font-size: 65px;
    line-height: 65px;
}
.card-outline p{
	font-size: 18px;
	line-height: 30px;
}
.card-outline{
	min-height: 220px;
}
.photothumb{
	min-height: 180px;
}
.fallback input{
	width: 250px;
}
.reports-section .card p{
	padding: 0px 35px;
	font-size: 16px;
}
.auth-layout-wrap .auth-content{
	padding: 0px;
}
.auth-layout-wrap .navbar-expand-md.fixed-top, #registraion .navbar-expand-md.fixed-top {
    padding: 0px 60px;
}
.ml3 {
	font-size: 4.2em
}
.auth-layout-wrap{
	height: 640px;
}
#howitworks,
#whoweare{
	padding: 80px 0px;
}
#whoweare .content h3,
#howitworks .content h3{
	font-size: 40px;
}
#howitworks .content h4 {
    font-size: 18px;
}
#howitworks .content h5 {
    font-size: 22px;
    line-height: 30px;
}
#howitworks .content p{
	font-size: 16px;
	line-height: 24px;
	padding: 0px 10px;
}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px){ 
.logopart a{
	display: block;
}
.logopart a img{
	width: 480px;
	margin-bottom: 30px;
}
.register-inner{
	max-width: 890px;
	width: 100%;
}
.header h1{
	max-width: 100%;
	font-size: 30px;
}
.policydetails h2,
.formsection h2{
	font-size: 25px;
}
.innersection img{
	width: 520px;
}
.innersection{
	max-width: 100%;
	padding: 0px 25px;
}
.innersection h1{
	font-size: 30px;
}
.innersection h2{
	font-size: 18px;
	line-height: 30px;
}
.innersection .btn-message{
	font-size: 14px;
}
.layout-horizontal-bar .header-topnav .topnav a{
    padding: 13px 13px;
    font-size: 14px;
}
.breadcrumb h1{
	font-size: 25px;
}
.dashboard-message h2{
	font-size: 20px;
}
.dashboard-message p span {
    font-size: 16px;
}
.dashboard-message p a.btn{
	font-size: 14px;
	padding: 0px 15px;
}
label{
	font-size: 14px;
}
.table thead th,
.table tbody td {
    font-size: 12px;
}
.container-fluid{
	padding: 0px;
}
.form-control{
	height: 40px;
	line-height: 28px;
}
.layout-horizontal-bar .main-content-wrap{
	margin-top: 80px !important;
}
.card-title{
	font-size: 18px;
}
.nav-tabs .nav-item .nav-link{
	font-size: 15px;
}
.card-outline i {
    font-size: 65px;
    line-height: 65px;
}
.card-outline p{
	font-size: 18px;
	line-height: 30px;
}
.card-outline{
	min-height: 220px;
}
.btn-block .btn-secondary{
	font-size: 14px;
}
.uploadphotos .col{
	flex-basis: auto;
	width: 33.33%;
	max-width: 33.33%;
}
.fallback input{
	width: 250px;
}
.reports-section .card p{
	padding: 0px 25px;
	font-size: 14px;
}
.auth-layout-wrap .auth-content{
	padding: 0px;
}
.auth-layout-wrap .navbar-expand-md .navbar-nav .nav-link, #registraion .navbar-expand-md .navbar-nav .nav-link{
	font-size: 18px;
}
.auth-layout-wrap .navbar-expand-md.fixed-top, #registraion .navbar-expand-md.fixed-top {
    padding: 0px 60px;
}
.button-block .hr{
	margin: 0px 30px;
}
.btn-portal{
	font-size: 14px;
	padding: 0px 15px;
	height: 38px;
	line-height: 38px;
}
.ml3 {
	font-size: 2.8em
}

.auth-layout-wrap{
	height: 640px;
}
#howitworks,
#whoweare{
	padding: 80px 30px;
}
#howitworks .content {
    padding: 0px 0;
}
#whoweare .content h3,
#howitworks .content h3{
	font-size:33px;
	line-height: 50px;
	margin-bottom: 25px;
}
#whoweare .content p {
    font-size: 15px;
    margin-bottom: 25px;
    line-height: 30px;
}
#howitworks .content h4 {
    font-size: 16px;
}
#howitworks .content h5 {
    font-size: 19px;
    line-height: 30px;
}
#howitworks .content p{
	font-size: 14px;
	line-height: 24px;
	padding: 0px 10px;
}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px){
.logopart a{
	display: block;
}
.logopart a img{
	width: 320px;
	margin-bottom: 30px;
}
.signinpage{
	height: 100%;
	overflow-y: scroll;
}
.signin-content{
	height: 100%;
	padding: 40px 0px;
}
.register-inner{
	max-width: 760px;
	width: 100%;
}
.header{
	min-height: 180px;
}
.header h1{
	font-size: 27px;
	max-width: 100%;height: 180px;
}
.formsection h2,
.policydetails h2 {
    font-size: 22px;
}
#thanksmessage{
	overflow: scroll;
}
.innersection img{
	width: 460px;
}
.innersection{
	max-width: 100%;
	padding: 0px 175px;
}
.innersection h1{
	font-size: 28px;
}
.innersection h2{
	font-size: 16px;
	line-height: 28px;
}
.innersection .btn-message{
	font-size: 14px;
}
.download{
	flex-direction: column;
	margin-bottom: 25px;
}
.download p {
    line-height: 20px;
    font-size: 14px;
    margin-bottom: 20px;
}
.btn-red{
	font-size: 12px;
}
.layout-horizontal-bar .header-topnav .topnav a{
    padding: 13px 11px;
    font-size: 12px;
}
.breadcrumb h1{
	font-size: 25px;
}
.dashboard-message h2{
	font-size: 20px;
}
.dashboard-message p span {
    font-size: 16px;
}
.dashboard-message p a.btn{
	font-size: 14px;
	padding: 0px 15px;
}
.card-title{
	font-size: 16px;
}
label{
	font-size: 14px;
}
.table thead th,
.table tbody td {
    font-size: 12px;

    }
    .container-fluid{
    	padding: 0px;
    }
    .form-control{
    	height: 40px;
    	line-height: 28px;
    }
    .nav-tabs .nav-item .nav-link{
	font-size: 14px;
}
.communityinfo .card-body {
    padding: 20px;
}
.card-outline i {
    font-size: 50px;
    line-height: 50px;
}
.card-outline p{
	font-size: 16px;
	line-height: 30px;
}
.card-outline{
	min-height: 180px;
}
.uploadphotos .col{
	flex-basis: auto;
	width: 33.33%;
	max-width: 33.33%;
}
.reports-section .card{
	margin-bottom: 20px;
}
.landing-content h2 {
    font-size: 17px;
    }
    .button-block p span {
    font-size: 13px;
}

.auth-layout-wrap .auth-content{
	padding: 0px;
}
.auth-layout-wrap .navbar-expand-md.fixed-top, #registraion .navbar-expand-md.fixed-top {
    padding: 0px 60px;
}
.ml3 {
	font-size: 2.3em
}
.auth-layout-wrap{
	height: 580px;
}
.btn-portal{
	font-size: 12px;
	padding: 0px 15px;
	height: 38px;
	line-height: 38px;
}

#howitworks,
#whoweare{
	padding: 40px 30px;
}
#howitworks .content {
    padding: 0px 0;
}
#whoweare .content h3,
#howitworks .content h3{
	font-size:28px;
	line-height: 50px;
	margin-bottom: 25px;
}
#whoweare .content p {
    font-size: 15px;
    margin-bottom: 25px;
    line-height: 30px;
}
#howitworks .content h4 {
    font-size: 16px;
}
#howitworks .content h5 {
    font-size: 19px;
    line-height: 30px;
}
#howitworks .content p{
	font-size: 14px;
	line-height: 24px;
	padding: 0px 10px;
}
.auth-layout-wrap .navbar-expand-md .navbar-nav .nav-link, #registraion .navbar-expand-md .navbar-nav .nav-link{
	font-size: 16px;
}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 320px) and (max-width: 767px){ 
.logopart a{
	display: block;
}
.logopart a img{
	width: 280px;
	margin-bottom: 30px;
}
.signinpage{
	height: 100%;
	overflow-y: scroll;
}
.signin-content{
	height: 100%;
	padding: 40px 0px;
}
.signin-content .card{
	padding: 25px;
}
p,
.form-group label ,
.btn{
    font-size: 14px;
}
.newaccount{
	font-size: 13px;
}
.register-inner{
	max-width: 100%;
	padding: 0px 30px;
	width: 100%;
}
.header{
	min-height: 160px;
}
.header h1{
	font-size: 22px;
	max-width: 100%;height: 160px;
}
.formsection h2,
.policydetails h2 {
    font-size: 19px;
}
.policydetails p {
    font-size: 14px;
    line-height: 22px;
}
.policydetails h3 {
    font-size: 16px;
}
.policy-content .policydetails span.small {
    font-size: 14px !important;
 }
 .policy-content .policydetails address {
    font-size: 14px;
}
.button-block{
	margin-top: 0px;
	flex-direction: column;
	align-items: flex-start;
}
.button-block p span{
	font-size: 12px;
}
.button-block .hr{
	width: 120px;
	height: 2px;
	margin: 15px 0px;
}
.btn-portal{
	height: 35px;
    line-height: 35px;
    font-size: 12px;
    padding: 0px 10px;	
}
.register-content .button-block .btn-primary{
	width: auto;
	margin-bottom: 15px;
}
#thanksmessage{
	overflow: scroll;
}
.innersection{
	max-width: 100%;
	padding: 0px 15px;
}
.innersection h1{
	font-size: 24px;
}
.innersection h2{
	font-size: 14px;
	line-height: 28px;
}
.innersection .btn-message{
	font-size: 12px;
}
.download{
	flex-direction: column;
	margin-bottom: 25px;
}
.download p {
    line-height: 20px;
    font-size: 13px;
    margin-bottom: 20px;
}
.btn-red{
	font-size: 12px;
}
.innersection img{
	width: 380px;
}
.breadcrumb h1 {
    font-size: 22px;
    display: block;
    padding: 0px 15px;
}

.dashboard-message h2{
font-size: 20px;
}
.dashboard-message p span {
    font-size: 15px;
 }
 .dashboard-message p a.btn{
 	font-size: 12px;
 	padding: 0px 10px;
 }
 .copyrights p {
    font-size: 10px;
}
.card-title{
	font-size: 15px;
}
label{
	font-size: 14px;
}
.table thead th,
.table tbody td {
    font-size: 12px;

    }
    .container-fluid{
    	padding: 0px;
    }
    .form-control{
    	height: 40px;
    }
    .layout-horizontal-bar .header-topnav .topnav a{
    	font-size: 12px;
    }
    .layout-horizontal-bar .header-topnav .topnav .menu li a{
    	color: #000 !important;
    }
   .layout-horizontal-bar .header-topnav .topnav .menu li ul li a {
    color: #000 !important;
    font-size: 12px;
}
.btn-block .btn-secondary{
	font-size: 12px;
	width: auto;
	padding: 0px 10px;
}
.nav-tabs .nav-item .nav-link{
	font-size: 12px;
}
.communityinfo .card-body {
    padding: 20px 10px;
}
.card-outline i {
    font-size: 50px;
    line-height: 50px;
}
.card-outline p{
	font-size: 16px;
	line-height: 30px;
}
.card-outline{
	min-height: 140px;
}
.uploadphotos .col{
	flex-basis: auto;
	width: 50%;
	max-width: 50%;
}
div.dataTables_wrapper div.dataTables_filter{
	text-align: right !important;
}
div.dataTables_wrapper div.dataTables_length{
	text-align: left !important;
}
.reports-section .card {
	margin-bottom: 20px;
}
.reports-section .card p{
	padding: 0px 15px;
}
.reports-section .card h2 {
    font-size: 35px;
}
.auth-layout-wrap .auth-content{
padding: 0px;
}
.landing-content .col-md-6{
	padding: 0px;
}
.landing-content{
display: flex;
    flex-direction: column;
    height: 640px;
    align-items: center;
    justify-content: center;
}
.navbar{
	min-height: 65px;
}
#whoweare,
#howitworks{
	padding: 30px 15px;
}
#howitworks .content h3{
	font-size: 24px;
	line-height: 30px;
}
#howitworks .content img{
	width: 80px !important;
}
.ml3{
	font-size: 1.8em;
	margin-top: 0;
}
.landing-content h2 {
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px;
 }
.auth-layout-wrap .navbar-expand-md.fixed-top, #registraion .navbar-expand-md.fixed-top{
	padding: 0px 15px;
}
.landing-content,
#howitworks .content{
	padding: 0px;
}
#whoweare .content h3 {
    font-size: 30px;
  }
  #howitworks .content h5 {
    font-size: 18px;
    line-height: 30px;
}
#howitworks .content p,
#whoweare .content p{
	font-size: 14px;
	line-height: 24px;
	padding: 0px;		
}
.auth-layout-wrap{
    background: url(../../../images/mobilebg.jpg) no-repeat top center;
    width: 100%;
    height: 640px;
    background-size: cover;
    padding: 0px 0 0px;
}	
#landing .navbar-collapse{
    position: absolute;
    top: 65px;
    background: #fff;
    width: 100%;
    left: 0;
    padding: 22px 0px;
}
.viewonscroll img{
	width: 40px !important;
}
.auth-layout-wrap .navbar-expand-md .navbar-nav .nav-link, #registraion .navbar-expand-md .navbar-nav .nav-link {
    padding: 0px 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 45px;
    color: #5f5f5f;
    text-align: left;
}
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 320px) and (max-width: 576px){ 
.payment-optn{
	flex-direction: column;
}
.payment-optn label{
	margin-bottom: 20px;
}
.button-block{
	flex-direction: column;
	margin-top: 0px;
}
.btn-block{
	flex-direction: column;
}
.register-content .button-block .btn-primary,
.btn-block .btn-secondary,
#vendor-registerform .btn-block .btn{
	width: 100%;
	margin-bottom: 15px;
}
#vendor-registerform .btn-block .btn{
	margin-bottom: 15px;
}
.innersection img{
	width: 280px;
}

}