.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;
    right: -10px;
    position: relative;
    background-color: transparent;
    z-index: 500;
}

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

.navbar {
    position: relative;
    top: -5px;
    background-color: transparent;
    font-family: 'Times New Roman', Times, serif;
    z-index: 500;
}

.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;
}

#link {
    color: #f0b90b;
}

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

.pdrop-menu {
    background: transparent;
    border: none;
}

.ldrop-menu{
    background: transparent;
    left: -23px;
    border: none;
}

.pdrop{
    left: 0px;
}

.ldrop {
    left: 250px;
}

.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;
}

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

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


/*================================MEDIA====================================*/  

@media (max-width: 310px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 60px;
    }

    .logo-image {
        right: 12px;
    }

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

    .navbar {
        right: -180px;
        top: -2px;
    }

    .ldrop {
        left: 0px;
    }

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

    .navbar-nav {
        font-size: 13px;
    }

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

    #link {
        padding: 2px 0px;
    }

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

    .nav-link{
        padding: 3px 0px;
    }

}

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

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 60px;
    }

    .logo-image {
        right: 21px;
        top: 9px;
    }

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

    .navbar {
        right: -195px;
        top: -2px;
    }

    .ldrop {
        left: 0px;
    }

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

    .navbar-nav {
        font-size: 13px;
    }

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

    #link {
        padding: 2px 0px;
    }
  
    .pair-column-position {
        margin-top: 19%;
    }

    .nav-link{
        padding: 3px 0px;
    }
}

@media (min-width: 326px) and (max-width: 340px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 60px;
    }

    .logo-image {
        right: 23px;
        top: 10px;
    }

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

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

    .ldrop {
        left: 0px;
    }

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

    .navbar-nav {
        font-size: 13px;
    }

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

    #link {
        padding: 2px 0px;
    }

    .nav-link{
        padding: 3px 0px;
    }

}

@media (min-width: 341px) and (max-width: 355px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 60px;
    }

    .logo-image {
        right: 24px;
        top: 9px;
    }

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

    .navbar {
        right: -216px;
        top: -2px;
    }

    .ldrop {
        left: 0px;
    }

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

    .navbar-nav {
        font-size: 13px;
    }

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

    #link {
        padding: 2px 0px;
    }

    .nav-link{
        padding: 3px 0px;
    }
}

@media (min-width: 356px) and (max-width: 370px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 60px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        right: -230px;
        top: 1px;
    }

    .ldrop {
        left: 0px;
    }

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

    .navbar-nav {
        font-size: 13px;
    }

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

    #link {
        padding: 2px 0px;
    }

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

    .nav-link{
        padding: 3px 0px;
    }
}

@media (min-width: 371px) and (max-width: 385px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 60px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        right: -250px;
        top: -2px;
    }

    .ldrop {
        left: 0px;
    }

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

    .navbar-nav {
        font-size: 13px;
    }

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

    #link {
        padding: 2px 0px;
    }

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

    .nav-link{
        padding: 3px 0px;
    }
}

@media (min-width: 386px) and (max-width: 400px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 60px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        right: -265px;
        top: -2px;
    }

    .ldrop {
        left: 0px;
    }

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

    .navbar-nav {
        font-size: 14px;
    }

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

    #link {
        padding: 2px 0px;
    }

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

    .nav-link{
        padding: 3px 0px;
    }
}

@media (min-width: 401px) and (max-width: 415px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 60px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        right: -285px;
        top: -2px;
    }

    .ldrop {
        left: 0px;
    }

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

    .navbar-nav {
        font-size: 14px;
    }

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

    #link {
        padding: 2px 0px;
    }

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

    .nav-link{
        padding: 3px 0px;
    }
}

@media (min-width: 416px) and (max-width: 435px) {

    @media (min-width: 425px) and (max-width: 435px){
        .navbar {
            right: -295px !important;
            top: -2px;
        }
    }

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 60px;
    }

    .logo-image {
        right: 20px;
        top: 15px;
    }

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

    .navbar {
        right: -285px;
        top: -2px;
    }

    .ldrop {
        left: 0px;
    }

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

    .navbar-nav {
        font-size: 14px;
    }

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

    #link {
        padding: 2px 0px;
    }

    .nav-link{
        padding: 3px 0px;
    }
}

@media (min-width: 436px) and (max-width: 455px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 60px;
    }

    .logo-image {
        right: 20px;
        top: 15px;
    }

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

    .navbar {
        right: -310px;
        top: -2px;
    }

    .ldrop {
        left: 0px;
    }

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

    .navbar-nav {
        font-size: 14px;
    }

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

    #link {
        padding: 2px 0px;
    }

    .nav-link{
        padding: 3px 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;
        }

    }

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 62px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        top: -2px;
    }

    .ldrop {
        left: 0px;
    }

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

    .nav-link{
        padding: 3px 0px;
    }

    .navbar-nav {
        font-size: 15px;
    }

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

    #link {
        padding: 2px 0px;
    }

}

@media (min-width: 501px) and (max-width:530px) {

    @media (min-width: 515px) and (max-width:530px){
        .navbar {
            right: -385px !important;
            top: -2px;
        }
    }

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 63px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        right: -370px;
        top: -2px;
    }

    .circle {
        display: none;
    }

    .ldrop {
        left: 0px;
    }

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

    .navbar-nav {
        font-size: 15px;
    }

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

    #link {
        padding: 2px 0px;
    }

}

@media (min-width: 531px) and (max-width:560px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 63px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        right: -405px;
        top: -3px;
    }

    .ldrop {
        left: 0px;
    }

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

    .navbar-nav {
        font-size: 15px;
    }

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

    #link {
        padding: 2px 0px;
    }

}

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

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 64px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        right: -430px;
        top: -3px;
    }

    .ldrop {
        left: 0px;
    }

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

    .navbar-nav {
        font-size: 15px;
    }

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

    #link {
        padding: 2px 0px;
    }

}

@media (min-width: 601px) and (max-width:650px) {

    @media (min-width: 630px) and (max-width:650px) {

        .navbar{
            right: -445px !important;
        }
    }

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 67px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        right: -440px;
        top: -10px;
    }

    .ldrop {
        left: 0px;
    }

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

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

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

    #link {
        padding: 2px 0px;
    }

}

@media (min-width: 651px) and (max-width:700px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 68px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        right: -470px;
        top: -12px;
    }

    .ldrop {
        left: 0px;
    }

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

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

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

    #link {
        padding: 2px 0px;
    }

}

@media (min-width: 701px) and (max-width:750px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 70px;
    }

    .logo-image {
        right: 20px;
    }

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

    }

    .navbar {
        right: -490px ;
        top: -12px;
    }

    .ldrop {
        left: 0px;
    }

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

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

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

    #link {
        padding: 2px 0px;
    }

}

@media (min-width: 751px) and (max-width:767px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 70px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        right: -100%;
        top: -10px;
    }

    .ldrop {
        left: 0px;
    }

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

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

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

    #link {
        padding: 2px 0px;
    }

}

@media (min-width: 768px) and (max-width:770px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 70px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        right: -87%;
        top: -6px;
    }

    .ldrop {
        left: 0px;
    }

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

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

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

    #link {
        padding: 2px 0px;
    }

}

@media (min-width: 771px) and (max-width:800px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 70px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        right: -88%;
        top: -9px;
    }

    .ldrop {
        left: 0px;
    }

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

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

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

    #link {
        padding: 2px 0px;
    }

}

@media (min-width: 801px) and (max-width:850px) {

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 72px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        right: -91%;
        top: -13px;
    }

    .ldrop {
        left: 0px;
    }

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

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

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

    #link {
        padding: 2px 0px;
    }

}

@media (min-width: 851px) and (max-width:900px) {

    @media (min-width: 870px) and (max-width:900px) {
        .navbar {
            right: -96% !important;
        }
    }

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 72px;
    }

    .logo-image {
        right: 20px;
    }

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

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

    .ldrop {
        left: 0px;
    }

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

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

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

    #link {
        padding: 2px 0px;
    }

}

@media (min-width: 901px) and (max-width:950px) {

    @media (min-width: 930px) and (max-width:950px) {
        .navbar {
            right: -100% !important;
        }
    }

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }

    .navlogoname {
        height: 73px;
    }

    .logo-image {
        right: 20px;
    }

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

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

    .ldrop {
        left: 0px;
    }

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

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

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

    #link {
        padding: 2px 0px;
    }

}

@media (min-width: 951px) and (max-width:991px) {

    @media (min-width: 930px) and (max-width:950px) {
        .navbar {
            right: -104% !important;
        }
    }

    #navbarSupportedContent{
        background-color: black;
        padding: 10px;
    }
    
    .navlogoname {
        height: 73px;
    }

    .logo-image {
        right: 20px;
    }

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

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

    .ldrop {
        left: 0px;
    }

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

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

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

    #link {
        padding: 2px 0px;
    }

}

@media (min-width: 992px) and (max-width:999px) {

    .navlogoname {
        height: 73px;
    }

    .logo-image {
        right: 20px;
    }

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

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

    .ldrop {
        left: 20px;
    }

    .ldrop-menu {
        padding: 5px 0px;
        position: initial;
        left: 4px;
        background-color: black;
    }

    .pdrop-menu{
        background-color: black;
    }
    
    .dropdown-menu {
        font-size: 20px;
        padding: 5px 0px;
        position: initial;
        left: 5px;
    }

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

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

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

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

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

    }

    .navlogoname {
        height: 73px;
    }

    .logo-image {
        right: 20px;
    }

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

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

    .pdrop-menu{
        background-color: black;
    }

    .ldrop {
        left: 20px;
    }

    .ldrop-menu {
        padding: 5px 0px;
        position: initial;
        left: 4px;
        background-color: black;
        min-width: 100px;
    }

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

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

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

}

@media (min-width: 1100px) and (max-width:1149px) {

    .navlogoname {
        height: 73px;
    }

    .logo-image {
        right: 20px;
    }

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

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

    .pdrop-menu{
        background-color: black;
    }

    .ldrop {
        left: 20px;
    }

    .ldrop-menu {
        padding: 5px 0px;
        position: initial;
        left: 8px;
        background-color: black;
        min-width: 100px;
    }

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

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

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

    .profile{
        border: 1px solid #f0b90b;
        border-radius: 50%;
        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: -58% !important;
        }
    }

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

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

    }

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

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

    }

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

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

    .navlogoname {
        height: 73px;
    }

    .logo-image {
        right: 20px;
    }

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

    .navbar {
        top: -12px;
    }

    .pdrop-menu{
        background-color: black;
    }

    .ldrop {
        left: 20px;
    }

    .ldrop-menu {
        padding: 5px 0px;
        position: initial;
        left: 7px;
        background-color: black;
        min-width: 100px;
    }

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

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

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

@media (min-width: 1400px) and (max-width:1449px) {

    .navlogoname {
        height: 73px;
    }

    .logo-image {
        right: 20px;
    }

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

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

    .ldrop {
        left: 20px;
    }

    .pdrop-menu{
        background-color: black;
    }

    .ldrop-menu {
        padding: 5px 0px;
        position: initial;
        left: 13px;
        background-color: black;
        min-width: 110px;
    }

    .navbar-nav {
        font-size: 25px;
    }

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

    .profile{
        border: 1px solid #f0b90b;
        border-radius: 50%;
        width: 55px;
        text-align: center;
        margin: 0px 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 {
        right: 20px;
    }

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

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

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

    .ldrop {
        left: 20px;
    }

    .pdrop-menu{
        background-color: black;
    }

    .ldrop-menu {
        padding: 5px 0px;
        position: initial;
        left: 12px;
        background-color: black;
        min-width: 110px;
    }

    .navbar-nav {
        font-size: 25px;
    }

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

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

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

}

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

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

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

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

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

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

    .navlogoname {
        height: 78px;
    }
   
    .logo-image {
        right: 20px;
    }

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

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

    .pdrop-menu{
        background-color: black;
    }

    .ldrop {
        left: 20px;
    }

    .ldrop-menu  {
        padding: 5px 0px;
        position: initial;
        left: 22px;
        background-color: black;
        min-width: 120px;
    }

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

    .dropdown-item {
        padding: 1px 5px;
        font-size: 23px;
    }

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

@media (min-width: 1801px) {

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

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

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

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

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

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

        .navbar{
            right: -87% !important;
        }
    } @media (min-width: 2301px) and (max-width:2400px) {

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

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

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

    .navlogoname {
        height: 79px;
    }

    .logo-image {
        right: 20px;
    }

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

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

    .pdrop-menu{
        background-color: black;
    }

    .ldrop-menu {
        padding: 5px 0px;
        position: initial;
        left: 6px;
        background-color: black;
        min-width: 120px;
    }

    .ldrop {
        left: 20px;
    }

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

    .dropdown-item {
        padding: 1px 5px;
        font-size: 25px;
    }

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

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