@media only screen 
and (min-device-width : 1600px) 
and (max-device-width : 900px) 
and (orientation : landscape) { 

}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
 { 
.login-page {
	background-size: auto;
}
.landing-page .landing{
	width: 90% !important;
    padding-top: 0px;
	top:0;
    padding-bottom: 25px;
	position:relative  !important;
	margin-left: auto;
    margin-right: auto;
}
.landing-left-side > p:first-child {
    font-family: Poppins;
    color: white;
    font-size: 23px;
    font-weight: bold;
    padding-top: 18px;
}
.landing-page .content{
	padding-top: 120px !important;
	width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.landing-page .landing img{
	width: 270px;
    height: 60px;
}
.landing-button{
	margin-top: 10px;
}
body.landing-page{
	height: 350vh;
}
.landing-page {
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
}
.landing-page .content .col-sm-12{
	padding:0px;
}
.landing-page .position-ref{
	width: 100% !important;
    margin: auto;
	display: block;
    padding-top: 20px;
}

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}


@media only screen   
and (min-width: 1280px)  
and (max-width: 1600px)  
{ 
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (orientation : landscape) {
	
}

@media (max-device-width : 767px) {
.login-box {
	width: 90%;
}
.login-card-body {
	padding: 30px;
}
body.landing-page{
	height: 350vh;
}
.login-page {
	background-size: auto;
}
.landing-page .landing{
	width: 90% !important;
    padding-top: 0px;
	top:0;
    padding-bottom: 25px;
	position:relative  !important;
	margin-left: auto;
    margin-right: auto;
}
.landing-left-side > p:first-child {
    font-family: Poppins;
    color: white;
    font-size: 23px;
    font-weight: bold;
    padding-top: 18px;
}
.landing-page .content{
	padding-top: 120px !important;
	width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.full-height {
   height: auto !important; 
}
.landing-page .content .col-sm-12{
	padding:0px;
}
.landing-page .landing img{
	width: 270px;
    height: 60px;
}
.landing-button{
	margin-top: 10px;
}

.landing-page {
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
}
.landing-page .position-ref{
	width: 100% !important;
    margin: auto;
	display: block;
    padding-top: 20px;
}

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

.landing-page .position-ref {
    width: auto;
}
body.landing-page{
	height: 300vh;
}
.landing-page .landing{
	width: 93% !important;
    padding-top: 0px;
	top:0px !important;
    padding-bottom: 25px;
	position:relative !important;
	margin-left: auto;
    margin-right: auto;
}
.landing-page .content {
    padding-top: 37px !important;
}
.landing-left-side input.btn:first-child {
    background: #06c4de;
    color: white;
    font-size: 13px;
}
.landing-left-side > p:first-child {
    font-family: Poppins;
    color: white;
    font-size: 21px;
}
.landing-left-side > p:first-child {
    font-family: Poppins;
    color: white;
    font-size: 23px;
    font-weight: bold;
    padding-top: 18px;
}
.landing-page .content{
	padding-top: 60px !important;
	width: 93%;
    margin-left: auto;
    margin-right: auto;
}
.landing-page .landing img{
	width: 245px;
    height: 55px;
}
.landing-button{
	margin-top: 10px;
}
.landing-page {
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;
}
.landing-page .content .col-sm-12{
	padding:0px;
}
.landing-page .position-ref{
	width: 100% !important;
    margin: auto;
	display: block;
    padding-top: 20px;
	margin-left: auto;
    margin-right: auto;
}

}

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

.landing-page .position-ref {
    width: auto;
}
.stripe.content{
	text-align: center;
    width: 80%;
    margin-top: 100px !important;
}

.landing-page .landing{
	width:90% !important;
    padding-top: 0px;
	top:0px !important;
    padding-bottom: 25px;
	position:relative !important;
	margin-left: auto;
    margin-right: auto;
}
.landing-page .content {
    padding-top: 37px !important;
}
.landing-left-side input.btn:first-child {
    background: #06c4de;
    color: white;
    font-size: 13px;
}
.landing-left-side > p:first-child {
    font-family: Poppins;
    color: white;
    font-size: 21px;
}
.landing-left-side > p:first-child {
    font-family: Poppins;
    color: white;
    font-size: 23px;
    font-weight: bold;
    padding-top: 18px;
}
.landing-page .content{
	padding-top: 25px !important;
	width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.landing-page .col-sm-6 img {
    height: 400px;
    object-fit: fill;
    display: block;
    margin: auto;
	float:none;
}
.landing-page .landing img{
	width: 245px;
    height: 55px;
}
.landing-button{
	margin-top: 10px;
}
.landing-page {
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: auto;
}
.landing-page .content .col-sm-12{
	padding:0px;
}
.landing-page .position-ref{
	width: 100% !important;
    margin: auto;
	display: block;
    padding-top: 20px;
	margin-left: auto;
    margin-right: auto;
}

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { 
}

@media screen and (max-height: 450px) {
}