/* Small devices (portrait and landscape phones) */
@media only screen and (max-width: 450px) {
    /* Your CSS rules for small devices here */
    .top-logo {
        margin : auto;
        display : block;
    }
    .about-home-box {
        padding: 60px 15px 69px 15px;
    }
    .myheader-menu {
        display : contents !important
    }
    .myheader-menu .dropdown-toggle {
        position: relative;
        z-index : 200;
    }
    .myheader-menu .dropdown-menu {
        position : relative;
        z-index : 201;
        top : 0%;
    }
    .myheader-menu .nav-link {
        padding : 28px 0;
    }
    .navbar-nav > li {
        border-right: unset;
        padding-bottom: 30px;
        padding-top: 8px;
        height: 25px;
        border-bottom: solid 1px #e5dada;
    }
    .page-header {
        padding-top : 40px;
        height : 15vh;
    }
    .login-process {
        padding-left : unset;
        padding-right : unset;
    }
    .footer-number {
        font-size: 25px
    }
    .social-profile {
        padding : 0 !important;
    }
}
/* Small devices (portrait and landscape phones) */
@media only screen and (max-width: 767px) {
    /* Your CSS rules for small devices here */
    .top-logo {
        margin: auto;
        display: block;
    }

    .about-home-box {
        padding: 60px 15px 69px 15px;
    }

    .myheader-menu {
        display: contents !important
    }

        .myheader-menu .dropdown-toggle {
            position: relative;
            z-index: 200;
        }

        .myheader-menu .dropdown-menu {
            position: relative;
            z-index: 201;
            top: 0%;
        }

        .myheader-menu .nav-link {
            padding: 28px 0;
        }

    .navbar-nav > li {
        border-right: unset;
        padding-bottom: 30px;
        padding-top: 8px;
        height: 25px;
        border-bottom: solid 1px #e5dada;
    }

    .page-header {
        padding-top: 40px;
        height: 15vh;
    }

    .login-process {
        padding-left: unset;
        padding-right: unset;
    }

    .footer-number {
        font-size: 25px
    }
}
/* Medium devices (tablets and small laptops) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* Your CSS rules for medium devices here */
    .top-logo {
        margin: auto;
        display: block;
    }

    .about-home-box {
        padding: 60px 15px 69px 15px;
    }

    .myheader-menu {
        display: contents !important
    }

        .myheader-menu .dropdown-toggle {
            position: relative;
            z-index: 200;
        }

        .myheader-menu .dropdown-menu {
            position: relative;
            z-index: 201;
            top: 0%;
        }

        .myheader-menu .nav-link {
            padding: 28px 0;
        }

    .navbar-nav > li {
        border-right: unset;
        padding-bottom: 30px;
        padding-top: 8px;
        height: 25px;
        border-bottom: solid 1px #e5dada;
    }

    .page-header {
        padding-top: 40px;
        height: 15vh;
    }

    .login-process {
        padding-left: unset;
        padding-right: unset;
    }
    .footer-number {
        font-size : 25px
    }
    /*.social-profile {
        padding: 0 !important;
    }*/
}
/* Large devices (laptops and desktops) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* Your CSS rules for large devices here */
    p, li {
        font-size : 15px;
    }
}
/* Extra large devices (large desktops and high-resolution screens) */
@media only screen and (min-width: 1200px) {
    /* Your CSS rules for extra-large devices here */
}
/* High DPI devices (retina displays, etc.) */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
    /* Your CSS rules for high-DPI devices here */
}
/* For portrait and landscape orientation */
@media only screen and (orientation: portrait) {
    /* Your CSS rules for portrait orientation here */
}

@media only screen and (orientation: landscape) {
    /* Your CSS rules for landscape orientation here */
}