@media only screen and (min-width: 481px) and (max-width: 767px) {
    /* Styles for mobile phones, landscape mode */
}

@media only screen and (min-width: 800px) and (max-width: 1023px) {
    /* Styles for tablets in portrait orientation */

    

}

@media only screen and (min-width: 1025px) and (max-width: 1280px) {
    /* Styles for tablets in landscape orientation and small laptops */

        /* Styles for screens between 768px and 1366px */
        .letter-border {
            text-align: center;
        }
    
        #login_container{
            margin-top: 3%;
            border: 1px solid red !important;
        }
    
        #tutorialModal{
            overflow: hidden;
        }
    
        #tutorial_container{
            height: 600px;
            margin-bottom: 80%;
        }
    
        #tutorial-carousel{
            height: 90%;
            width: 98%;
        }
        /* .container{
    
            justify-content: start !important;
    
        } */
    
  
        .container .sub-content{
            height: 92% !important;
            width: 60%;
            margin-top: revert-layer;
        }
    
        .container .otp-modal-div{
            top: 17%;
        }

        .container .sdn-loading-div{
            top: 17%;
        }

        .sub-content-registration-form, .sub-content-authorization-form{

            width: 90% !important;

        }


        #tutorialModal .modal-content{

            height: 700px !important;

        }

}

@media only screen and (min-width: 1281px) and (max-width: 1440px) {
    /* Styles for laptops and desktops */
}

@media only screen and (min-width: 1441px) {
    /* Styles for larger screens */
}