/*// Extra small devices (portrait phones, less than 576px)*/
/*// No media query since this is the default in Bootstrap*/

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .section-title-img img {
        max-width: 450px;
    }

    .main-button-img {
        width: 400px;
    }

    .logo {
        width: 250px;
        padding: 20px;
    }
    .img-circle-0,
    .img-circle-1,
    .img-circle-2,
    .img-circle-3,
    .img-circle-4 {
        padding: 0;
        position: absolute;
        border-radius: 100%;
        width: 100px;
        height: 100px;
        top: 37%;
        left: 46%;
        z-index: -10;
        transition: transform 500ms;
        transition: .5s;
    }

    .right-menu,
    .left-menu {
        position: absolute;
        top: 64px;

    }

    .right-menu li,
    .left-menu li {
        font-size: 40px;
        background-color: #96cb58;
        border-radius: 100%;
        height: 65px;
        width: 65px;
        /*display: flex;*/
        /*justify-content: center;*/
        /*align-items: center;*/
        margin: 20px 0;
        color: white;
        transition: 0.3s;
        white-space: nowrap;

    }

    .right-menu {
        right: 0;
        padding-right: 30px;
    }

    .desktop-menus {
        position: absolute;
        right: 0;
    }

    .left-menu {
        display: flex;
        align-items: center;
        color: #96cb58;
        padding-left: 30px;
        margin-bottom: 2rem;
        transition: 0.3s;
        font-size: 1.5rem;
        border-radius: 5rem;
        background: #f2f3f5;
        height: 5.6rem;
        width: 100%;
        overflow: hidden;
        transition: 0.3s;
    }

    .left-menu li {
        position: relative;
        white-space: nowrap;
    }

    .left-menu li:hover {
        width: 100%;
        border-radius: 19px;
        justify-content: left;
        padding-left: 10px;
    }

    .left-menu-tag {
        display: none;
    }

    .left-menu li:hover .left-menu-tag {
        display: block;
    }

    .nav-blk {
        position: absolute;
        max-width: 200px;
        top: 214px;
    }

    .nav-right-blk {
        position: absolute;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .nav-right-blk a {
        color: white;
    }

    .section-title-icon {
        width: 90px;
        height: 90px;
        margin-top: -7px;
    }

    .pos-down {
        display: flex;
        justify-content: flex-end;
        padding-top: 50%;

    }






    .menu-button:hover+.hovermenu {
        visibility: hidden;
    }

    .pos-btn-video {
        left: 54%;
        position: absolute;
        top: 77%;
    }





    .player {
        display: flex;
        flex-flow: row;
        width: 100%;
        justify-content: space-around;

    }

    .player-main {
        display: inline;
        top: -16px;
        left: -13px;
    }


    .player1 {

        position: absolute;
        top: 54px;
        left: 0px;
    }

    .player2 {
        position: absolute;
        top: 57px;
        left: -13px;
    }


    .footer-home {
        padding: 25px;
        border-radius: 19px;
    }


    .content-am1 {
        /* padding-left: 10%; */
        margin: 50px 0;
    }



}



/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}