﻿@media (min-width:1442px) {
    /*for login dropdown*/
    .dropbtn-2 {
        border: none;
        width: 200px;
        height: 60px;
        object-fit: contain;
        border-radius: 8px;
        border-color: #80808052;
        background-color: #3384fe;
        color: #f4f4f4;
        opacity: 0.9;
        font-size: 20px;
        font-weight: bold;
    }

        .dropbtn-2:hover {
            border-radius: 8px 8px 0px 0px;
        }

    .dropdown-2 {
        position: relative;
        display: inline-block;
        margin-right: 0.5em;
        margin-left: auto;
        margin-top: 1.2em;
        margin-bottom: -2.5em;
        float: revert;
    }

    .dropdown-content-2 {
        display: none;
        position: absolute;
        background-color: #80808052;
        width: 200px;
        opacity: 0.9;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        border-radius: 0px 0px 8px 8px;
        z-index: 1;
    }

        .dropdown-content-2 a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            width: 200px;
            height: 51px;
            text-align: left;
            margin-top: 0em !important;
            font-weight: bold;
        }

            .dropdown-content-2 a:hover {
                background-color: #0a0a149c;
            }

    .dropdown-2:hover .dropdown-content-2 {
        display: block;
    }

    .dropdown-2:hover img {
        content: url(../Images/ArrowIcon-UP.png);
    }

    .dropdown-2:hover .dropbtn-2 {
        background-color: #80808052;
    }

    .new-login-drp {
        position: relative;
        display: inline-block;
        margin-right: 0.5em;
        margin-left: -7em;
        margin-top: 1.2em;
        margin-bottom: 0;
    }

    .ArrowIcon-Login {
        margin-top: 0 !important;
        margin-right: 0.5em;
        float: right;
    }


    .btn-logi-txt {
        width: 107px;
        height: 19px;
        object-fit: contain;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.8px;
        text-align: left;
        color: white;
        margin-left: -2.5em;
    }

    /*for login dropdown*/

    /*----------------------- Inner menu - MT4 ---------------------*/


    /*for Inner login dropdown*/
    .dropdown-content-3 {
        display: none;
        position: absolute;
        background-color: #80808052;
        width: 200px;
        opacity: 0.9;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        border-radius: 0px 8px 8px 0px;
        z-index: 1;
        left: 12.5em;
        top: 0;
    }

        .dropdown-content-3 a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            width: 200px;
            height: 51px;
            text-align: left;
            margin-top: 0em !important;
            font-weight: bold;
        }

            .dropdown-content-3 a:hover {
                background-color: #0a0a149c;
            }


    .dropdown-3:hover .dropdown-content-3 {
        display: block !important;
    }

    .dropdown-3:hover img {
        content: url(../Images/ArrowIcon-Right.png);
    }

    .MT4-Login {
        margin-top: 0 !important;
        float: right;
    }


    .MT4 {
        width: 107px;
        height: 19px;
        object-fit: contain;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.8px;
        text-align: left;
        color: white;
    }

    /*for Inner login dropdown*/


    /*----------------------- Inner menu - MT4 ---------------------*/




    /*----------------------- Inner menu - MT5 ---------------------*/


    /*for Inner login dropdown*/
    .dropdown-content-4 {
        display: none;
        position: absolute;
        background-color: #80808052;
        width: 200px;
        opacity: 0.9;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        border-radius: 0px 8px 8px 0px;
        z-index: 1;
        left: 12.5em;
        top: 0;
    }

        .dropdown-content-4 a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            width: 200px;
            height: 51px;
            text-align: left;
            margin-top: 0em !important;
            font-weight: bold;
        }

            .dropdown-content-4 a:hover {
                background-color: #0a0a149c;
            }


    .dropdown-4:hover .dropdown-content-4 {
        display: block !important;
    }

    .dropdown-4:hover img {
        content: url(../Images/ArrowIcon-Right.png);
    }

    .MT5-Login {
        margin-top: 0 !important;
        float: right;
    }


    .MT5 {
        width: 107px;
        height: 19px;
        object-fit: contain;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.8px;
        text-align: left;
        color: white;
    }

    /*for Inner login dropdown*/

    /*----------------------- Inner menu - MT5 ---------------------*/

}


@media (min-width:1050px )and (max-width:1680px) {
    .dropdown-2 {
        position: relative;
        display: inline-block;
        margin-right: 10px;
        margin-left: auto;
        margin-top: 15px;
        margin-bottom: 0;
        float: revert;
    }
}

@media (min-width: 1060px) and (max-width: 1441.98px) {
    /*for login dropdown*/
    .dropbtn-2 {
        border: none;
        width: 200px;
        height: 50px;
        object-fit: contain;
        border-radius: 8px;
        border-color: #3384fe;
        background-color: #3384fe;
        color: #f4f4f4;
        opacity: 0.9;
        font-size: 16px;
        font-weight: bold;
    }

        .dropbtn-2:hover {
            border-radius: 8px 8px 0px 0px;
        }

    .dropdown-2 {
        position: relative;
        display: inline-block;
        margin-right: 10px;
        margin-left: auto;
        margin-top: 15px;
        margin-bottom: 0;
        float: revert;
    }

    .dropdown-content-2 {
        display: none;
        position: absolute;
        background-color: #80808052;
        width: 200px;
        opacity: 0.9;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        border-radius: 0px 0px 8px 8px;
        z-index: 1;
    }

        .dropdown-content-2 a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            width: 200px;
            height: 51px;
            text-align: left;
            margin-top: 0em !important;
            font-weight: bold;
        }

            .dropdown-content-2 a:hover {
                background-color: #0a0a149c;
            }

    .dropdown-2:hover .dropdown-content-2 {
        display: block;
    }

    .dropdown-2:hover img {
        content: url(../Images/ArrowIcon-UP.png);
    }

    .dropdown-2:hover .dropbtn-2 {
        background-color: #80808052;
    }

    .new-login-drp {
        position: relative;
        display: inline-block;
        margin-right: 0.5em;
        margin-left: -7em;
        margin-top: 1.2em;
        margin-bottom: 0;
    }

    .ArrowIcon-Login {
        margin-top: 0 !important;
        margin-right: 0.5em;
        float: right;
    }

    .btn-logi-txt {
        width: 107px;
        height: 19px;
        object-fit: contain;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.8px;
        text-align: left;
        color: white;
        margin-left: 0;
    }

    /*for login dropdown*/

    /*----------------------- Inner menu - MT4 ---------------------*/


    /*for Inner login dropdown*/
    .dropdown-content-3 {
        display: none;
        position: absolute;
        background-color: #80808052;
        width: 200px;
        opacity: 0.9;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        border-radius: 0px 8px 8px 0px;
        z-index: 1;
        left: 15.4em;
        top: 0;
    }

        .dropdown-content-3 a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            width: 200px;
            height: 51px;
            text-align: left;
            margin-top: 0em !important;
            font-weight: bold;
        }

            .dropdown-content-3 a:hover {
                background-color: #0a0a149c;
            }


    .dropdown-3:hover .dropdown-content-3 {
        display: block !important;
    }

    .dropdown-3:hover img {
        content: url(../Images/ArrowIcon-Right.png);
    }

    .MT4-Login {
        margin-top: 0 !important;
        float: right;
    }


    .MT4 {
        width: 107px;
        height: 19px;
        object-fit: contain;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.8px;
        text-align: left;
        color: white;
    }

    /*for Inner login dropdown*/


    /*----------------------- Inner menu - MT4 ---------------------*/



    /*----------------------- Inner menu - MT5 ---------------------*/


    /*for Inner login dropdown*/
    .dropdown-content-4 {
        display: none;
        position: absolute;
        background-color: #80808052;
        width: 200px;
        opacity: 0.9;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        border-radius: 0px 8px 8px 0px;
        z-index: 1;
        left: 15.4em;
        top: 0;
    }

        .dropdown-content-4 a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            width: 200px;
            height: 51px;
            text-align: left;
            margin-top: 0em !important;
            font-weight: bold;
        }

            .dropdown-content-4 a:hover {
                background-color: #0a0a149c;
            }


    .dropdown-4:hover .dropdown-content-4 {
        display: block !important;
    }

    .dropdown-4:hover img {
        content: url(../Images/ArrowIcon-Right.png);
    }

    .MT5-Login {
        margin-top: 0 !important;
        float: right;
    }


    .MT5 {
        width: 107px;
        height: 19px;
        object-fit: contain;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.8px;
        text-align: left;
        color: white;
    }

    /*for Inner login dropdown*/

    /*----------------------- Inner menu - MT5 ---------------------*/
}

@media (min-width: 768px) and (max-width: 1059.98px) {
    .dropdown-2 {
        display: none;
    }

    .btnlang {
        float: right;
    }
}

@media (max-width: 575.98px) {
    .dropdown-2 {
        display: none;
    }
}


/*Sidemenu button Styles*/
@media (min-width:1442px) {
    .sb-hs1 {
        position: relative;
        display: inline-block;
    }

    .sb-drp1 {
        width: 344px;
        border: none;
        height: 20px;
        opacity: 0.9;
        padding: 8px 32px 40px 8px !important;
    }

    .sb-drp1-options {
        display: none;
        opacity: 0.9;
        color: #242426;
        padding: 0px 10px 0px 0px !important;
        float: right;
    }

        .sb-drp1-options a {
            color: #242426;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            height: 51px;
            text-align: left;
            margin-top: 0em !important;
            font-weight: bold;
        }

    .sb-hs1:hover .sb-drp1-options {
        display: block;
    }

    .sb-hs1:hover img {
        content: url(../Images/ArrowGray-Down.png);
    }

    /*option 2 */
    .sb-hs2 {
        position: relative;
        display: inline-block;
    }

    .sb-drp2 {
        width: 344px;
        border: none;
        height: 20px;
        opacity: 0.9;
        padding: 8px 32px 40px 8px !important;
    }

    .sb-drp2-options {
        display: none;
        opacity: 0.9;
        color: #242426;
        padding: 0px 10px 0px 0px !important;
        float: right;
    }

        .sb-drp2-options a {
            color: #242426;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            height: 51px;
            text-align: right;
            margin-top: 0em !important;
            font-weight: bold;
        }

    .sb-hs2:hover .sb-drp2-options {
        display: block;
    }

    .sb-hs2:hover img {
        content: url(../Images/ArrowGray-Down.png);
    }

    .sb-MT4 {
        width: 107px;
        height: 19px;
        object-fit: contain;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.8px;
        text-align: left;
        color: white;
    }

    .sb-MT5 {
        width: 107px;
        height: 19px;
        object-fit: contain;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.8px;
        text-align: left;
        color: white;
    }
}

@media (min-width: 1060px) and (max-width: 1441.98px) {

    .sb-hs1 {
        position: relative;
        display: inline-block;
    }

    .sb-drp1 {
        width: 344px;
        border: none;
        height: 20px;
        opacity: 0.9;
        padding: 8px 32px 40px 8px !important;
    }

    .sb-drp1-options {
        display: none;
        opacity: 0.9;
        color: #242426;
        padding: 0px 15px 0px 0px !important;
        float: right;
    }

        .sb-drp1-options a {
            color: #242426;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            height: 51px;
            text-align: left;
            margin-top: 0em !important;
            font-weight: bold;
        }

    .sb-hs1:hover .sb-drp1-options {
        display: block;
    }

    .sb-hs1:hover img {
        content: url(../Images/ArrowGray-Down.png);
    }

    /*option 2 */
    .sb-hs2 {
        position: relative;
        display: inline-block;
    }

    .sb-drp2 {
        width: 344px;
        border: none;
        height: 20px;
        opacity: 0.9;
        padding: 8px 32px 40px 8px !important;
    }

    .sb-drp2-options {
        display: none;
        opacity: 0.9;
        color: #242426;
        padding: 0px 15px 0px 0px !important;
        float: right;
    }

        .sb-drp2-options a {
            color: #242426;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            height: 51px;
            text-align: right;
            margin-top: 0em !important;
            font-weight: bold;
        }

    .sb-hs2:hover .sb-drp2-options {
        display: block;
    }

    .sb-hs2:hover img {
        content: url(../Images/ArrowGray-Down.png);
    }

    .sb-MT4 {
        width: 107px;
        height: 19px;
        object-fit: contain;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.8px;
        text-align: left;
        color: white;
    }

    .sb-MT5 {
        width: 107px;
        height: 19px;
        object-fit: contain;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.8px;
        text-align: left;
        color: white;
    }
}

@media (min-width: 768px) and (max-width: 1059.98px) {
    .sb-hs1 {
        position: relative;
        display: inline-block;
    }

    .sb-drp1 {
        width: 344px;
        border: none;
        height: 20px;
        opacity: 0.9;
        padding: 8px 32px 40px 8px !important;
    }

    .sb-drp1-options {
        display: none;
        opacity: 0.9;
        color: #242426;
        padding: 0px 15px 0px 0px !important;
        float: right;
    }

        .sb-drp1-options a {
            color: #242426;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            height: 51px;
            text-align: left;
            margin-top: 0em !important;
            font-weight: bold;
        }

    .sb-hs1:hover .sb-drp1-options {
        display: block;
    }

    .sb-hs1:hover img {
        content: url(../Images/ArrowGray-Down.png);
    }

    /*option 2 */
    .sb-hs2 {
        position: relative;
        display: inline-block;
    }

    .sb-drp2 {
        width: 344px;
        border: none;
        height: 20px;
        opacity: 0.9;
        padding: 8px 32px 40px 8px !important;
    }

    .sb-drp2-options {
        display: none;
        opacity: 0.9;
        color: #242426;
        padding: 0px 15px 0px 15px !important;
        float: right;
    }

        .sb-drp2-options a {
            color: #242426;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            height: 51px;
            text-align: right;
            margin-top: 0em !important;
            font-weight: bold;
        }

    .sb-hs2:hover .sb-drp2-options {
        display: block;
    }

    .sb-hs2:hover img {
        content: url(../Images/ArrowGray-Down.png);
    }

    .sb-MT4 {
        width: 107px;
        height: 19px;
        object-fit: contain;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.8px;
        text-align: left;
        color: white;
    }

    .sb-MT5 {
        width: 107px;
        height: 19px;
        object-fit: contain;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.8px;
        text-align: left;
        color: white;
    }
}

@media (max-width: 575.98px) {
    .sb-hs1 {
        position: relative;
        display: inline-block;
    }

    .sb-drp1 {
        width: 344px;
        border: none;
        height: 20px;
        opacity: 0.9;
        padding: 8px 32px 40px 8px !important;
    }

    .sb-drp1-options {
        display: none;
        opacity: 0.9;
        color: #242426;
        padding: 0px 15px 0px 10px !important;
        float: right;
    }

        .sb-drp1-options a {
            color: #242426;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            height: 51px;
            text-align: left;
            margin-top: 0em !important;
            font-weight: bold;
        }

    .sb-hs1:hover .sb-drp1-options {
        display: block;
    }

    .sb-hs1:hover img {
        content: url(../Images/ArrowGray-Down.png);
    }

    /*option 2 */
    .sb-hs2 {
        position: relative;
        display: inline-block;
    }

    .sb-drp2 {
        width: 344px;
        border: none;
        height: 20px;
        opacity: 0.9;
        padding: 8px 32px 40px 8px !important;
    }

    .sb-drp2-options {
        display: none;
        opacity: 0.9;
        color: #242426;
        padding: 0px 15px 0px 0px !important;
        float: right;
    }

        .sb-drp2-options a {
            color: #242426;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            height: 51px;
            text-align: right;
            margin-top: 0em !important;
            font-weight: bold;
        }

    .sb-hs2:hover .sb-drp2-options {
        display: block;
    }

    .sb-hs2:hover img {
        content: url(../Images/ArrowGray-Down.png);
    }

    .sb-MT4 {
        width: 107px;
        height: 19px;
        object-fit: contain;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.8px;
        text-align: left;
        color: white;
    }

    .sb-MT5 {
        width: 107px;
        height: 19px;
        object-fit: contain;
        font-family: Montserrat;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: 0.8px;
        text-align: left;
        color: white;
    }
}
/*Sidemenu button Styles*/
.Loginto-txt {
    color: #242426;
    opacity: 0.4;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.7px;
    padding: 8px 26px 8px 0px;
    pointer-events: none;
}


.lArrow {
    margin-top: 0 !important;
    float: left;
}
