@font-face{
    font-family: 'mitra';
    src: url('/fonts/B Mitra_0.ttf');
}

.home_link{
    color: #f0b90b;
}

.home_link:hover{
    text-decoration: none;
    cursor: pointer;
    color: #f0b90b;
}



#contact{
    background-color: inherit;
    border: none;
    padding: 0
}

.nav {
    font-size: 15px;
    min-height: 60px;
    padding: 0 30px 0 20px;
    background-color: transparent;
}

.navbar-dark .navbar-nav .nav-link {
    color: white;
}

.btn-prim {
    color: #212833 !important;
    background: -webkit-gradient(linear, left top, right top, from(#f0b90b), to(#fbda3c)) !important;
    background: linear-gradient(90deg, #f0b90b 0%, #fbda3c 100%) !important;
    border: 0;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(240, 185, 10, 0.3) !important;
    box-shadow: 0px 10px 20px 0px rgba(240, 185, 10, 0.3) !important;
}

.logo-image {
    width: 50px;
    height: 50px;
    overflow: hidden;
    top: 19px;
    left: -98.5%;
    position: relative;
    background-color: transparent;
    z-index: 500;
}

#navbar {
    position: relative;
    top: -85px;
    background-color: transparent;

}

.navbar {
    position: relative;
    top: -5px;
    background-color: transparent;
    z-index: 600;
}

.navbar-brand.custom {
    color: black;
}

.navbar-toggler.custom {
    border-color: rgb(238, 185, 11);
}

.navbar-toggler-icon.custom {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(238, 185, 11)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    background-color: transparent !important;
}

#logoname {
    font-size: 20px;
    position: relative;
    right: -80px;
    top: -20px;
    color: #f0b90b;
    box-shadow: 0px 5px 10px 0px rgba(240, 185, 10, 0.3) !important;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(240, 185, 10, 0.3) !important;
    background-color: transparent;
    font-family: 'Times New Roman', Times, serif;
    z-index: 500;
}

p {
    background-color: transparent;
    font-family: 'mitra';
}

#link {
    color: #f0b90b;
}

.navlogoname {
    position: fixed;
    height: 20%;
    z-index: 900;
    background-color: black;
    height: 8%;
}


.ldrop-menu {
    background: transparent;
    left: initial ;
    font-size: 12pt ;
    border: none;
    text-align: right;
}

.pdrop-menu {
    background: transparent;
    border: none;
    right: 5px;
    text-align: right;
}

.pdrop{
    left: 0px;
}

.ldrop {
    left: 410px;
}

.navbar-nav{
    margin-left: 100px;
    font-size: 30px;
    font-family: 'mitra';
}

.dropdown-toggle::after {
    content: none !important;
}

li.dropdown-item :hover {
    background: transparent;
    text-decoration: none;
}

ul.dropdown-menu.show :hover {
    background: transparent;
}

.nav-link{
    color: #f0b90b;
}

.nav-link:hover{
    color: #f0b90b;
}

.pdrop:hover .pdrop-menu{
    display: block;
}

.p-item:hover{
    background-color: transparent;
}

.span-btn{
    background-color: transparent !important;
}

.dlink:hover{
    text-shadow: -2px 2px 10px #f0b90b;
    background-color: black;
}

/*================================MEDIA====================================*/
@media (max-width: 991px){
    .nav-link , .nav-item{
        width: 70px;
        padding: 0;
    }

    .about_drop{
        width: 150px !important;
    }
}

@media (max-width: 310px) {

    .navlogoname {
        height: 60px;
    }

    .logo-image {
        left: -85%;
        top: 20px;
    }

    #logoname {
        right: -56px;
        font-size: 12px;
    }

    .navbar {
        right: -40px;
        top: 5px;
        width: 200px;
    }

    .dropdown-menu {
        font-size: 15px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 17px;
        margin: 0;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        width: 100px;
        padding: 2px 0px;
    }

    .pair-column-position {
        right: 1px;
    }

    .pair-column-position {
        margin-top: 18%;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }

}

@media (min-width: 311px) and (max-width:325px) {

    .navlogoname {
        height: 60px;
    }

    .logo-image {
        left: -90%;
        top: 10px;
    }

    #logoname {
        right: -47px;
        font-size: 14px;
        top: -31px;
    }

    .navbar {
        right: -35px;
        top: 0px;
        width: 200px;
    }

    .dropdown-menu {
        font-size: 15px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 17px;
        margin: 0;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .pair-column-position {
        margin-top: 19%;
    }

    .navbar-collapse , .collapse {
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }

}

@media (min-width: 326px) and (max-width: 340px) {
    .navlogoname {
        height: 60px;
    }

    .logo-image {
        left: -91%;
        top: 12px;
    }

    #logoname {
        right: -47px;
        font-size: 14px;
        top: -29px;
    }

    .navbar {
        right: -35px;
        top: 0px;
        width: 200px;
    }

    .dropdown-menu {
        font-size: 15px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 17px;
        margin: 0;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }

}

@media (min-width: 341px) and (max-width: 355px) {
    .navlogoname {
        height: 60px;
    }

    .logo-image {
        left: -91%;
        top: 10px;
    }

    #logoname {
        right: -43px;
        font-size: 14px;
        top: -30px;
    }

    .navbar {
        right: -37px;
        top: 0px;
        width: 200px;
    }

    .dropdown-menu {
        font-size: 15px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 17px;
        margin: 0;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 356px) and (max-width: 370px) {
    .navlogoname {
        height: 60px;
    }

    .logo-image {
        left: -91%;
        top: 15px;
    }

    #logoname {
        right: -50px;
        font-size: 14px;
        top: -26px;
    }

    .navbar {
        right: -37px;
        top: 2px;
        width: 200px;
    }

   .dropdown-menu {
        font-size: 15px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 17px;
        margin: 0;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

     .pair-column-position {
        margin-top: 19%;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 371px) and (max-width: 385px) {
    .navlogoname {
        height: 60px;
    }

    .navlogoname {
        height: 60px;
    }

    .logo-image {
        left: -92%;
        top: 15px;
    }

    #logoname {
        right: -48px;
        font-size: 14px;
        top: -26px;
    }

    .navbar {
        right: -37px;
        top: 2px;
        width: 200px;
    }

    .dropdown-menu {
        font-size: 15px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 17px;
        margin: 0;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

     .pair-column-position {
        margin-top: 19%;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 386px) and (max-width: 415px) {
    .navlogoname {
        height: 60px;
    }

    .logo-image {
        left: -92%;
        top: 15px;
    }

    #logoname {
        right: -46px;
        font-size: 14px;
        top: -26px;
    }

    .navbar {
        right: -37px;
        top: 2px;
        width: 200px;
    }

    .dropdown-menu {
        font-size: 17px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 19px;
        margin: 0;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

     .pair-column-position {
        margin-top: 20%;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }

}

@media (min-width: 416px) and (max-width: 435px) {
    .navlogoname {
        height: 60px;
    }

    .logo-image {
        left: -93%;
        top: 15px;
    }

    #logoname {
        right: -46px;
        font-size: 14px;
        top: -26px;
    }

    .navbar {
        right: -37px;
        top: 2px;
        width: 200px;
    }

   .dropdown-menu {
        font-size: 18px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 20px;
        margin: 0;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 436px) and (max-width: 455px) {
    .navlogoname {
        height: 60px;
    }

    .logo-image {
        left: -94%;
        top: 15px;
    }

    #logoname {
        right: -46px;
        font-size: 14px;
        top: -26px;
    }

    .navbar {
        right: -37px;
        top: 2px;
        width: 200px;
    }

    .dropdown-menu {
        font-size: 18px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 20px;
        margin: 0;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 456px) and (max-width: 500px) {

    @media (min-width: 456px) and (max-width: 470px){

        .navbar{
            right: -325px;
        }

    }

    @media (min-width: 471px) and (max-width: 480px){

        .navbar{
            right: -336px;
        }

    }

    @media (min-width: 481px) and (max-width:490px){

        .navbar{
            right: -346px;
        }

    }

    @media (min-width: 491px) and (max-width:500px){

        .navbar{
            right: -363px;
        }

    }

    .navlogoname {
        height: 62px;
    }


    .logo-image {
        left: -94%;
    }

    #logoname {
        right: -50px;
        font-size: 16px;
        top: -26px;
    }

    .navbar {
        right: -37px;
        top: 2px;
        width: 200px;
    }

    .dropdown-menu {
        font-size: 20px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 22px;
        margin: 0;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 501px) and (max-width:530px) {
    .navlogoname {
        height: 63px;
    }

    .logo-image {
        left: -94%;
    }

    #logoname {
        right: -50px;
        font-size: 18px;
        top: -28px;
    }

    .navbar {
        right: -37px;
        top: 0px;
        width: 200px;
    }

    .circle {
        display: none;
    }

    .dropdown-menu {
        font-size: 20px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 22px;
        margin: 0;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }

}

@media (min-width: 531px) and (max-width:560px) {
    .navlogoname {
        height: 63px;
    }

    .logo-image {
        left: -95%;
    }

    #logoname {
        right: -50px;
        font-size: 20px;
        top: -28px;
    }

    .navbar {
        right: -37px;
        top: 0px;
        width: 200px;
    }

    .dropdown-menu {
        font-size: 20px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 22px;
        margin: 0;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 561px) and (max-width:600px) {

    .navlogoname {
        height: 64px;
    }

    .logo-image {
        left: -95%;
    }

    #logoname {
        right: -50px;
        font-size: 20px;
        top: -28px;
    }

    .navbar {
        right: -40px;
        top: -7px;
        width: 200px;
    }

    .dropdown-menu {
        font-size: 20px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 22px;
        margin: 0;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 601px) and (max-width:650px) {
    .navlogoname {
        height: 67px;
    }

    .logo-image {
        left: -96%;
    }

    #logoname {
        right: -50px;
        font-size: 25px;
        top: -33px;
    }

    .navbar {
        right: -47px;
        top: -12px;
        width: 250px;
    }

    .dropdown-menu {
        font-size: 18px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 20px;
        margin-left: 0px;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 651px) and (max-width:700px) {
    .navlogoname {
        height: 68px;
    }

    .logo-image {
        left: -96%;
    }

    #logoname {
        right: -50px;
        font-size: 25px;
        top: -33px;
    }

    .navbar {
        right: -70px;
        top: -12px;
        width: 250px;
    }

    .dropdown-menu {
        font-size: 20px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 22px;
        margin-left: 0px;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 701px) and (max-width:750px) {
    .navlogoname {
        height: 70px;
    }

    .logo-image {
        left: -96%;
    }

    #logoname {
        right: -50px;
        font-size: 25px;
        top: -33px;

    }

    .navbar {
        right: -95px;
        top: -12px;
        width: 250px;
    }

    .dropdown-menu {
        font-size: 20px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 22px;
        margin-left: 0px;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 751px) and (max-width:767px) {
    .navlogoname {
        height: 70px;
    }

    .navlogoname {
        height: 70px;
    }

    .logo-image {
        left: -96.5%;
    }


    #logoname {
        right: -50px;
        font-size: 25px;
        top: -35px;
    }

    .navbar {
        right: -120px;
        top: -12px;
        width: 250px;
    }

    .dropdown-menu {
        font-size: 20px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 22px;
        margin-left: 0px;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 768px) and (max-width:800px) {
    .navlogoname {
        height: 70px;
    }

    .navlogoname {
        height: 70px;
    }

    .logo-image {
        left: -96.5%;
    }

    #logoname {
        right: -50px;
        font-size: 25px;
        top: -33px;
    }

    .navbar {
        right: -45px;
        top: -12px;
        width: 250px;
    }

    .dropdown-menu {
        font-size: 20px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 22px;
        margin-left: 0px;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 801px) and (max-width:850px) {
    .navlogoname {
        height: 72px;
    }

    .logo-image {
        left: -96.5%;
    }

    #logoname {
        right: -50px;
        font-size: 25px;
        top: -33px;
    }

    .navbar {
        right: -60px;
        top: -12px;
        width: 250px;
    }

    .dropdown-menu {
        font-size: 20px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 22px;
        margin-left: 0px;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 851px) and (max-width:900px) {
    .navlogoname {
        height: 72px;
    }

    .logo-image {
        left: -96.5%;
    }

    #logoname {
        right: -50px;
        font-size: 25px;
        top: -35px;
    }

    .navbar {
        right: -90px;
        top: -12px;
        width: 250px;
    }

    .dropdown-menu {
        font-size: 20px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 22px;
        margin-left: 0px;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 901px) and (max-width:950px) {
    .navlogoname {
        height: 73px;
    }

    .logo-image {
        left: -97%;
    }

    #logoname {
        right: -50px;
        font-size: 25px;
        top: -35px
    }

    .navbar {
        right: -110px;
        top: -12px;
        width: 250px;
    }

    .dropdown-menu {
        font-size: 20px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 22px;
        margin-left: 0px;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;
    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 951px) and (max-width:991px) {
    .navlogoname {
        height: 73px;
    }

    .logo-image {
        left: -97%;
    }

    #logoname {
        right: -50px;
        font-size: 25px;
        top: -35px;
    }

    .navbar {
        right: -135px;
        top: -12px;
        width: 250px;
    }

    .dropdown-menu {
        font-size: 20px;
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 22px;
        margin-left: 0px;
    }

    .dropdown-item {
        padding: 1px 0px;
        text-align: right;
    }

    #link {
        padding: 2px 0px;
    }

    .navbar-collapse{
        margin-left: 56px;
        text-align: right;
        background-color: black;
        padding: 5px 10px;
        overflow-x: hidden;

    }

    .ldrop {
        left:0px;
    }
}

@media (min-width: 992px) and (max-width:999px) {
    .navlogoname {
        height: 73px;
    }

    .logo-image {
        left: -97%;
    }

    #logoname {
        right: -50px;
        font-size: 25px;
        top: -35px;
    }

    .navbar {
        right: -54%;
        top: -12px;
    }

    .dropdown-menu {
        padding: 5px 0px;
        position: initial;
    }

    .ldrop {
        left: 310px;
    }

    .ldrop-menu {
        background-color: black;
        min-width: 85px;
        padding-right: 5px;
    }

    .pdrop-menu{
        background-color: black;
        min-width: 110px;
    }

    .navbar-nav {
        font-size: 18px;
        margin-left: 80px;
    }

    .dropdown-item {
        padding: 1px 0px;
        font-size: 17px;
    }
   
    .profile{
        border: 1px solid #f0b90b;
        border-radius: 50%;
        font-size: 18px;
        width: 48px;
        text-align: center;
        margin: 0px 10px;
    }

    .about_drop{
        min-width: 150px !important;
    }
}

@media (min-width: 1000px) and (max-width:1099px) {

    @media (min-width: 1049px) and (max-width:1099px) {

        .navbar {
            right: -58% !important;
        }

    }

    .navlogoname {
        height: 73px;
    }

    .logo-image {
        left: -97%;
    }

    #logoname {
        right: -50px;
        font-size: 25px;
        top: -35px;
    }

    .navbar {
        right: -55%;
        top: -12px;
    }

    .dropdown-menu {
        padding: 5px 0px;
        position: initial;
    }

    .ldrop {
        left: 310px;
    }

    .pdrop-menu{
        background-color: black;
        min-width: 100px;
    }

    .ldrop-menu {
        background-color: black;
        min-width: 85px;
        padding-right: 5px;
    }

    .navbar-nav {
        font-size: 18px;
        margin-left: 80px;
    }

    .dropdown-item {
        padding: 1px 0px;
        font-size: 17px;
    }

    .profile{
        border: 1px solid #f0b90b;
        border-radius: 50%;
        font-size: 18px;
        width: 48px;
        text-align: center;
        margin: 0px 10px;
    }

}

@media (min-width: 1100px) and (max-width:1149px) {
    .navlogoname {
        height: 73px;
    }

    .logo-image {
        left: -97%;
    }

    #logoname {
        right: -50px;
        font-size: 25px;
        top: -35px;
    }

    .navbar {
        right: -56%;
        top: -12px;
    }

    .dropdown-menu {
        padding: 5px 0px;
        position: initial;
    }

    .ldrop {
        left: 310px;
    }

    .ldrop-menu {
        background-color: black;
        min-width: 90px;
        padding-right: 5px;
    }

    .pdrop-menu{
        background-color: black;
        min-width: 100px;
    }

    .navbar-nav {
        font-size: 18.5px;
        margin-left: 120px;
    }

    .dropdown-item {
        padding: 1px 0px;
        font-size: 19px;
    }

    .pair-column-position {
        margin-top: 6%;
    }

    .profile{
        border: 1px solid #f0b90b;
        border-radius: 50%;
        font-size: 18.5px;
        width: 48px;
        text-align: center;
        margin: 0px 10px;
    }
}

@media (min-width: 1150px) and (max-width:1399px) {

    @media (min-width: 1150px) and (max-width:1208px) {

        .navbar{
            right: -63% !important;
        }

        .navbar-nav {
            margin-left: 75px !important;
        }
    }

    @media (min-width: 1209px) and (max-width:1250px) {

        .navbar{
            right: -63% !important;
        }

        .navbar-nav {
            margin-left: 75px !important;
        }

    }

    @media (min-width: 1251px) and (max-width:1316px) {

        .navbar{
            right: -65.5% !important;
        }

        .logo-image {
            left: -97.5% !important;
        }

        .navbar-nav {
            margin-left: 75px !important;
        }
    }

    @media (min-width: 1317px) and (max-width:1399px) {

        .navbar{
            right: -66% !important;
        }

        .logo-image {
            left: -97.5% !important;
        }

    }

    .navlogoname {
        height: 73px;
    }

    .logo-image {
        left: -97%;
    }

    #logoname {
        right: -50px;
        font-size: 25px;
        top: -35px;
    }

    .navbar {
        top: -12px;
    }

    .dropdown-menu {
        padding: 5px 0px;
        position: initial;
    }

    .ldrop {
        left: 310px;
    }

    .ldrop-menu {
        background-color: black;
        min-width: 90px;
        padding-right: 5px;
    }


    .pdrop-menu{
        background-color: black;
        min-width: 100px;
    }

    .navbar-nav {
        font-size: 18.5px;
        margin-left: 110px;
    }

    .dropdown-item {
        padding: 1px 0px;
        font-size: 18px;
    }

    .profile{
        border: 1px solid #f0b90b;
        border-radius: 50%;
        font-size: 18.5px;
        width: 48px;
        text-align: center;
        margin: 0px 10px;
    }
}

@media (min-width: 1400px) and (max-width:1449px) {
    .navlogoname {
        height: 73px;
    }

    .logo-image {
        left: -98%;
    }

    #logoname {
        right: -50px;
        font-size: 25px;
        top: -35px;
    }

    .navbar {
        right: -55%;
        top: -16px;
    }

    .dropdown-menu {
        padding: 5px 0px;
        position: initial;
    }

    .ldrop {
        left: 360px;
    }

    .ldrop-menu {
        background-color: black;
        min-width: 100px;
        padding-right: 5px;
    }

    .pdrop-menu{
        background-color: black;
        min-width: 110px;
    }

    .navbar-nav {
        font-size: 23px;
        margin-left: 210px;
    }

    .dropdown-item {
        padding: 1px 0px;
        font-size: 24px;
    }

    .profile{
        border: 1px solid #f0b90b;
        border-radius: 50%;
        font-size: 23px;
        width: 55px;
        text-align: center;
        margin: 0 10px;
    }
}

@media (min-width: 1450px) and (max-width:1499px) {
    .navlogoname {
        height: 77px;
    }

    .slider-text {
        left: -17%;
        width: 950px;
        top: 80px;
        height: 317px;
    }

    .carousel-item h3 {
        font-size: 40px;
        line-height: 40px;
    }

    .logo-image {
        left: -98%;
    }

    #logoname {
        right: -50px;
        font-size: 30px;
        top: -35px;
    }

    .navbar {
        right: -58%;
        top: -20px;
    }

    .circle {
        top: -240px;
        left: 78%;
    }

    .dropdown-menu {
        padding: 5px 0px;
        position: initial;
    }

    .ldrop {
        left: 360px;
    }

    .ldrop-menu {
        background-color: black;
        min-width: 100px;
        padding-right: 5px;
    }

    .pdrop-menu{
        background-color: black;
        min-width: 110px;
    }

    .navbar-nav {
        font-size: 23px;
        margin-left: 200px;
    }

    .dropdown-item {
        padding: 1px 0px;
        font-size: 22px;
    }

    .pair-column-position {
        margin-top:10%;
    }

    .profile{
        border: 1px solid #f0b90b;
        border-radius: 50%;
        font-size: 25px;
        width: 57px;
        text-align: center;
        margin: 5% 10px 0px 10px;
    }
}

@media (min-width: 1500px) and (max-width:1800px) {

    @media (min-width: 1551px) and (max-width:1600px) {

        .navbar{
            right: -52% !important;
        }
    }

    @media (min-width: 1601px) and (max-width:1660px) {

        .navbar{
            right: -54% !important;
        }
    }

    @media (min-width: 1661px) and (max-width:1730px) {

        .navbar{
            right: -57% !important;
        }
    }

    @media (min-width: 1731px) and (max-width:1800px) {
        .navbar{
            right: -60% !important;
        }
    }
    .navlogoname {
        height: 78px;
    }

    #logoname {
        right: -50px;
        font-size: 30px;
        top: -35px;
    }

    .logo-image {
        left: -98%;
    }

    .navbar {
        right: -50%;
        top: -25px;
    }

    .dropdown-menu {
        padding: 5px 0px;
        position: initial;
    }

    .ldrop-menu {
        padding-right: 10px;
    }

    .navbar-nav {
        font-size: 27.5px;
        margin-left: 260px;
    }

    .dropdown-item {
        padding: 1px 0px;
        font-size: 28px;
    }

    .ldrop-menu {
        background-color: black;
        min-width: 110px;
        padding-right: 5px;
    }

    .pdrop-menu{
        background-color: black;
        min-width: 120px;
    }

    .profile{
        border: 1px solid #f0b90b;
        border-radius: 50%;
        font-size: 25px;
        margin: 5% 10px 0px 10px;
        width: 57px;
        text-align: center;
    }
}

@media (min-width: 1801px) and (max-width:2500px) {

    @media (min-width: 1901px) and (max-width:2000px) {

        .navbar{
            right: -68% !important;
        }
    }

    @media (min-width: 2001px) and (max-width:2100px) {

        .navbar{
            right: -73% !important;
        }
    }
    @media (min-width: 2101px) and (max-width:2200px) {

        .navbar{
            right: -76% !important;
        }
    }

    @media (min-width: 2201px) and (max-width:2300px) {

        .navbar{
            right: -82% !important;
        }
    }

    @media (min-width: 2301px) and (max-width:2400px) {

        .navbar{
            right: -86% !important;
        }

        .navbar-nav {
            font-size: 30px;
            margin-left: 415px;
        }

    }

    @media (min-width: 2401px) and (max-width:2500px) {

        .navbar{
            right: -90% !important;
        }

    }

    .ldrop-menu {
        background-color: black;
        min-width: 110px;
        padding-right: 10px;
    }

    .navlogoname {
        height: 79px;
    }

    #logoname {
        right: -50px;
        font-size: 30px;
        top: -36px;
    }

    .navbar {
        right: -63%;
        top: -27px;
    }

   /* .dropdown-menu {
        padding: 5px 0px;
        position: initial;
    }*/

    .navbar-nav {
        font-size: 27.5px;
        margin-left: 270px;
    }

    .dropdown-item {
        padding: 1px 0px;
        font-size: 27px;
    }
    
    .pdrop-menu{
        background-color: black;
        min-width: 120px;
    }

    .profile{
        border: 1px solid #f0b90b;
        border-radius: 50%;
        font-size: 25px;
        margin: 5% 10px 0px 10px;
        width: 57px;
        text-align: center;
    }
}

@media (min-width: 2501px) {

    .ldrop-menu {
        background-color: black;
        min-width: 110px;
        padding-right: 10px;
    }

    .navlogoname {
        height: 79px;
    }

    #logoname {
        right: -50px;
        font-size: 30px;
        top: -36px;
    }

    .navbar {
        right: -61%;
        top: -27px;
    }

    .dropdown-menu {
        padding: 5px 0px;
        position: initial;
    }

    .navbar-nav {
        font-size: 30px;
        margin-left: 460px;
    }

    .dropdown-item {
        padding: 1px 0px;
        font-size: 27px;
    }

    .profile{
        border: 1px solid #f0b90b;
        border-radius: 50%;
        font-size: 25px;
        margin: 5% 10px 0px 10px;
        width: 57px;
        text-align: center;
    }

    .pdrop-menu{
        background-color: black;
        min-width: 120px;
    }

    .ldrop {
        left: 470px;
    }

}

@media (min-width:992px){
    .about_drop{
        min-width: 150px !important;
    }
}