/*
LO SMAT Responsive
*/
@media only screen and (min-width : 0px) and (max-width : 2800px){ 
            
    .section.home-login .bootstrap-tagsinput, .form-control {
        color: #fffcfc;
    }
    .form-control:focus {
     color: #fffcfc;
    }
    .for_link
    {
        color: #fffcfc;
        font-size: 11px;
        float: right;
    }
    
    .for_link:hover
    {
        color: #24e371;
        font-size: 11px;
        float: right;
    }
    
}

@media only screen and (min-width : 1401px) and (max-width : 1920px){
    .landing-page .section {
        margin-bottom: 10px !important;
        padding-top: 60px !important;
    }
    
    .landing-page .home-text p {
        text-align: left;
    }

    .landing-page .home-row {
        padding-top: 5px !important;
    }
    
    .landing-page .home-text {
        text-align: left;
    }

    .landing-page .home-text .display-1 {
        font-size: 1.4rem !important;
        line-height: 32px !important;
        padding-top: 0px;
        text-align: left;
    }

    .landing-page .section.home {
        height: 520px !important;
        margin-bottom: 150px !important;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        background-color: #131924;
    }
    
     .landing-page .section.home-login {
        height: 500px !important;
        margin-bottom: 150px !important;
        padding-top: 0 !important;
        padding-bottom: 0;
        position: relative;
        background-color: #131924;
    }
    
    .landing-page .section.home-register {
        height: 600px !important;
        margin-bottom: 150px !important;
        padding-top: 0 !important;
        padding-bottom: 0;
        position: relative;
        background-color: #131924;
    }
    
    .landing-page .web-view-register-img {
        margin-left: 75% !important;
        transform: translateX(-50%) !important;
        width: 140% !important;
        margin-bottom: 0rem !important;
        position: absolute;
        bottom: -700px;
    }
    
    .landing-page .web-view-img {
        margin-left: 50% !important;
        transform: translateX(-50%) !important;
        width: 110% !important;
        margin-bottom: 0rem !important;
        position: absolute;
        bottom: -288px;
    } 
    
    .landing-page .web-view-login-img {
        margin-left: 75% !important;
        transform: translateX(-50%) !important;
        width: 140% !important;
        margin-bottom: 0rem !important;
        position: absolute;
        bottom: -625px;
    }
    
    .landing-page h1 {
        font-size: 26px !important;
        color: rgb(19, 25, 36);
        margin-bottom: 0px !important;
        text-transform: uppercase;
        font-family: Comfortaa, cursive;
        font-weight: 600;
    }
    
    .landing-page .feature-image-left, .landing-page .feature-image-right {
        margin-left: 0% !important;
        transform: translateX(-50%)!important;
        max-width: 100%!important;
        float: initial !important;
    }
    
    .landing-page #features{
        text-align: center;
    }
    
    .landing-page #more-features {
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: rgb(255, 255, 255);
        margin-top: 120px;
    }
    .b_points {
        font-size: 14px !important;
        width: 100%;
        float: left;
        padding-bottom: 20px;
    }
    
    .landing-page .nav-tabs .nav-item {
        width:auto !important;
    }
    
    .landing-page .nav-tabs .nav-link {
        padding: 10px 15px 1px 15px !important;
    }
    
    .landing-page .app-image {
        width: auto !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 30px, rgba(0, 0, 0, 0.1) 0px 3px 20px;
    }
    
    .landing-page .tab-content>.active {
        display: block!important;
        padding-top: 50px!important;
        padding-bottom: 0px!important;
    }
    
    .footer-menu img
    {
        text-align: center;
    }
}


@media only screen and (min-width : 1025px) and (max-width : 1400px){
    .landing-page .section {
        margin-bottom: 10px !important;
        padding-top: 60px !important;
    }
    
    .landing-page .home-text p {
        text-align: left;
    }

    .landing-page .home-row {
        padding-top: 5px !important;
    }
    
    .landing-page .home-text {
        text-align: left;
    }

    .landing-page .home-text .display-1 {
        font-size: 1.4rem !important;
        line-height: 32px !important;
        padding-top: 0px;
        text-align: left;
    }

    .landing-page .section.home {
        height: 520px !important;
        margin-bottom: 150px !important;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        background-color: #131924;
    }
    
    .landing-page .section.home-login {
        height: 500px !important;
        margin-bottom: 150px !important;
        padding-top: 0 !important;
        padding-bottom: 0;
        position: relative;
        background-color: #131924;
    }
        
    .section.home-login .bootstrap-tagsinput, .form-control {
    border-radius: .1rem;
    box-shadow: initial!important;
    font-size: .8rem;
    padding: .75rem .75rem .5rem;
    line-height: 1.5;
    border: 1px solid #53575f;
    background: transparent;
    color: #fffcfc;
}
    
    .landing-page .web-view-img {
        margin-left: 50% !important;
        transform: translateX(-50%) !important;
        width: 130% !important;
        margin-bottom: 0rem !important;
        position: absolute;
        bottom: -250px;
    }
    
    .landing-page .web-view-login-img {
        margin-left: 58% !important;
        transform: translateX(-50%) !important;
        width: 110% !important;
        margin-bottom: 0rem !important;
        position: absolute;
        bottom: -580px;
    }
    
    .landing-page .section.home-register {
        height: 700px !important;
        margin-bottom: 150px !important;
        padding-top: 0 !important;
        padding-bottom: 0;
        position: relative;
        background-color: #131924;
    }
    
    .landing-page .web-view-register-img {
        margin-left: 75% !important;
        transform: translateX(-50%) !important;
        width: 140% !important;
        margin-bottom: 0rem !important;
        position: absolute;
        bottom: -700px;
    }
    
    .landing-page h1 {
        font-size: 26px !important;
        color: rgb(19, 25, 36);
        margin-bottom: 0px !important;
        text-transform: uppercase;
        font-family: Comfortaa, cursive;
        font-weight: 600;
    }
    
    .landing-page .feature-image-left, .landing-page .feature-image-right {
        margin-left: 0% !important;
        transform: translateX(-50%)!important;
        max-width: 100%!important;
        float: initial !important;
    }
    
    .landing-page #features{
        text-align: center;
    }
    
    .landing-page #more-features {
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: rgb(255, 255, 255);
        margin-top: 120px;
    }
    .b_points {
        font-size: 14px !important;
        width: 100%;
        float: left;
        padding-bottom: 20px;
    }
    
    .landing-page .nav-tabs .nav-item {
        width:auto !important;
    }
    
    .landing-page .nav-tabs .nav-link {
        padding: 10px 15px 1px 15px !important;
    }
    
    .landing-page .app-image {
        width: auto !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 30px, rgba(0, 0, 0, 0.1) 0px 3px 20px;
    }
    
    .landing-page .tab-content>.active {
        display: block!important;
        padding-top: 50px!important;
        padding-bottom: 0px!important;
    }
    
    .footer-menu img
    {
        text-align: center;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px){
    .landing-page .section {
        margin-bottom: 10px !important;
        padding-top: 60px !important;
    }
    
    .landing-page .home-text p {
        text-align: center;
    }

    .landing-page .home-row {
        padding-top: 5px !important;
    }
    
    .landing-page .home-text {
        text-align: center;
    }

    .landing-page .home-text .display-1 {
        font-size: 1.4rem !important;
        line-height: 32px !important;
        padding-top: 0px;
        text-align: center;
    }

    .landing-page .section.home {
        height: 590px !important;
        margin-bottom: 0px !important;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        background-color: #131924;
    }
    .landing-page .mob-view-img {
        margin-left: 50% !important;
        transform: translateX(-50%) !important;
        width: 111% !important;
        margin-bottom: 1rem !important;
    }
    
    .landing-page h1 {
        font-size: 26px !important;
        color: rgb(19, 25, 36);
        margin-bottom: 0px !important;
        text-transform: uppercase;
        font-family: Comfortaa, cursive;
        font-weight: 600;
    }
    
    .landing-page .feature-image-left, .landing-page .feature-image-right {
        margin-left: 0% !important;
        transform: translateX(-50%)!important;
        max-width: 100%!important;
        float: initial !important;
    }
    
    .landing-page #features{
        text-align: center;
    }
    
    .landing-page #more-features {
        padding-top: 20px;
        background-color: rgb(255, 255, 255);
        margin-top: 120px;
    }
    .b_points {
        font-size: 14px !important;
        width: 100%;
        float: left;
        padding-bottom: 20px;
    }
    
    .landing-page .nav-tabs .nav-item {
        width:100% !important;
    }
    
    .landing-page .nav-tabs .nav-link {
        padding: 10px 0px 1px 0px !important;
    }
    
    .landing-page .app-image {
        width: 100% !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 30px, rgba(0, 0, 0, 0.1) 0px 3px 20px;
    }
    
    .landing-page .tab-content>.active {
        display: block!important;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
    }
    
    .footer-menu img
    {
        text-align: center;
    }
}

@media only screen and (min-width : 641px) and (max-width : 767px){
    .landing-page .section {
        margin-bottom: 10px !important;
        padding-top: 60px !important;
    }
    
    .landing-page .home-text p {
        text-align: center;
    }

    .landing-page .home-row {
        padding-top: 5px !important;
    }
    
    .landing-page .home-text {
        text-align: center;
    }

    .landing-page .home-text .display-1 {
        font-size: 1.4rem !important;
        line-height: 32px !important;
        padding-top: 0px;
        text-align: center;
    }

    .landing-page .section.home {
        height: 590px !important;
        margin-bottom: 0px !important;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        background-color: #131924;
    }
    .landing-page .mob-view-img {
        margin-left: 50% !important;
        transform: translateX(-50%) !important;
        width: 111% !important;
        margin-bottom: 1rem !important;
    }
    
    .landing-page h1 {
        font-size: 26px !important;
        color: rgb(19, 25, 36);
        margin-bottom: 0px !important;
        text-transform: uppercase;
        font-family: Comfortaa, cursive;
        font-weight: 600;
    }
    
    .landing-page .feature-image-left, .landing-page .feature-image-right {
        margin-left: 0% !important;
        transform: translateX(-50%)!important;
        max-width: 100%!important;
        float: initial !important;
    }
    
    .landing-page #features{
        text-align: center;
    }
    
    .landing-page #more-features {
        padding-top: 20px;
        background-color: rgb(255, 255, 255);
        margin-top: 120px;
    }
    .b_points {
        font-size: 14px !important;
        width: 100%;
        float: left;
        padding-bottom: 20px;
    }
    
    .landing-page .nav-tabs .nav-item {
        width:100% !important;
    }
    
    .landing-page .nav-tabs .nav-link {
        padding: 10px 0px 1px 0px !important;
    }
    
    .landing-page .app-image {
        width: 100% !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 30px, rgba(0, 0, 0, 0.1) 0px 3px 20px;
    }
    
    .landing-page .tab-content>.active {
        display: block!important;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
    }
    
    .footer-menu img
    {
        text-align: center;
    }
}

@media only screen and (min-width : 481px) and (max-width : 640px){
    .landing-page .section {
        margin-bottom: 10px !important;
        padding-top: 60px !important;
    }
    
    .landing-page .home-text p {
        text-align: center;
    }

    .landing-page .home-row {
        padding-top: 5px !important;
    }
    
    .landing-page .home-text {
        text-align: center;
    }

    .landing-page .home-text .display-1 {
        font-size: 1.4rem !important;
        line-height: 32px !important;
        padding-top: 0px;
        text-align: center;
    }

    .landing-page .section.home {
        height: 590px !important;
        margin-bottom: 0px !important;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        background-color: #131924;
    }
    .landing-page .mob-view-img {
        margin-left: 50% !important;
        transform: translateX(-50%) !important;
        width: 111% !important;
        margin-bottom: 1rem !important;
    }
    
    .landing-page h1 {
        font-size: 26px !important;
        color: rgb(19, 25, 36);
        margin-bottom: 0px !important;
        text-transform: uppercase;
        font-family: Comfortaa, cursive;
        font-weight: 600;
    }
    
    .landing-page .feature-image-left, .landing-page .feature-image-right {
        margin-left: 0% !important;
        transform: translateX(-50%)!important;
        max-width: 100%!important;
        float: initial !important;
    }
    
    .landing-page #features{
        text-align: center;
    }
    
    .landing-page #more-features {
        padding-top: 20px;
        background-color: rgb(255, 255, 255);
        margin-top: 120px;
    }
    .b_points {
        font-size: 14px !important;
        width: 100%;
        float: left;
        padding-bottom: 20px;
    }
    
    .landing-page .nav-tabs .nav-item {
        width:100% !important;
    }
    
    .landing-page .nav-tabs .nav-link {
        padding: 10px 0px 1px 0px !important;
    }
    
    .landing-page .app-image {
        width: 100% !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 30px, rgba(0, 0, 0, 0.1) 0px 3px 20px;
    }
    
    .landing-page .tab-content>.active {
        display: block!important;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
    }
    
    .footer-menu img
    {
        text-align: center;
    }
}


@media only screen and (min-width : 321px) and (max-width : 480px){
.landing-page .section {
        margin-bottom: 10px !important;
        padding-top: 60px !important;
    }

    .landing-page .home-row {
        padding-top: 5px !important;
    }
    
    .landing-page .home-text {
        text-align: center;
    }

    .landing-page .home-text .display-1 {
        font-size: 1.4rem !important;
        line-height: 32px !important;
        padding-top: 0px;
        text-align: center;
    }

    .landing-page .section.home {
        height: 590px !important;
        margin-bottom: 0px !important;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        background-color: #131924;
    }
    .landing-page .mob-view-img {
        margin-left: 50% !important;
        transform: translateX(-50%) !important;
        width: 111% !important;
        margin-bottom: 1rem !important;
    }
    
    .landing-page h1 {
        font-size: 26px !important;
        color: rgb(19, 25, 36);
        margin-bottom: 0px !important;
        text-transform: uppercase;
        font-family: Comfortaa, cursive;
        font-weight: 600;
    }
    
    .landing-page .feature-image-left, .landing-page .feature-image-right {
        margin-left: 0% !important;
        transform: translateX(-50%)!important;
        max-width: 100%!important;
        float: initial !important;
    }
    
    .landing-page #features{
        text-align: center;
    }
    
    .landing-page #more-features {
        padding-top: 20px;
        background-color: rgb(255, 255, 255);
        margin-top: 120px;
    }
    .b_points {
        font-size: 14px !important;
        width: 100%;
        float: left;
        padding-bottom: 20px;
    }
    
    .landing-page .nav-tabs .nav-item {
        width:100% !important;
    }
    
    .landing-page .nav-tabs .nav-link {
        padding: 10px 0px 1px 0px !important;
    }
    
    .landing-page .app-image {
        width: 100% !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 30px, rgba(0, 0, 0, 0.1) 0px 3px 20px;
    }
    
    .landing-page .tab-content>.active {
        display: block!important;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
    }
    
    .footer-menu img
    {
        text-align: center;
    }
}

@media only screen and (min-width : 0px) and (max-width : 320px)
{    
    .landing-page .section {
        margin-bottom: 10px !important;
        padding-top: 60px !important;
    }

    .landing-page .home-row {
        padding-top: 5px !important;
    }

    .landing-page .home-text .display-1 {
        font-size: 1.4rem !important;
        line-height: 32px !important;
        padding-top: 0px;
        text-align: center;
    }

    .landing-page .section.home {
        height: 590px !important;
        margin-bottom: 0px !important;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        background-color: #131924;
    }
    .landing-page .mob-view-img {
        margin-left: 50% !important;
        transform: translateX(-50%) !important;
        width: 111% !important;
        margin-bottom: 1rem !important;
    }
    
    .landing-page h1 {
        font-size: 26px !important;
        color: rgb(19, 25, 36);
        margin-bottom: 0px !important;
        text-transform: uppercase;
        font-family: Comfortaa, cursive;
        font-weight: 600;
    }
    
    .landing-page .feature-image-left, .landing-page .feature-image-right {
        margin-left: 0% !important;
        transform: translateX(-50%)!important;
        max-width: 100%!important;
        float: initial !important;
    }
    
    .landing-page #features{
        text-align: center;
    }
    
    .landing-page #more-features {
        padding-top: 20px;
        background-color: rgb(255, 255, 255);
        margin-top: 120px;
    }
    .b_points {
        font-size: 14px !important;
        width: 100%;
        float: left;
        padding-bottom: 20px;
    }
    
    .landing-page .nav-tabs .nav-item {
        width:100% !important;
    }
    
    .landing-page .nav-tabs .nav-link {
        padding: 10px 0px 1px 0px !important;
    }
    
    .landing-page .app-image {
        width: 100% !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 30px, rgba(0, 0, 0, 0.1) 0px 3px 20px;
    }
    
    .landing-page .tab-content>.active {
        display: block!important;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
    }
    
    .footer-menu img
    {
        text-align: center;
    }

}